# 在“腾讯出行”小程序环境，开发模块

# 1.下载构建工具

npm install -g @tmsfe/tmskit --registry=https://registry.npmjs.org/

tmskit -v

1
2
3

# 2.创建项目

tmskit create <sinan-simple> // 已有项目，此步骤可以省略

# 3.创建模块

tmskit create <moduleName> // 无需新增模块，此步骤可以省略

# 4.在项目中注册模块

vim sinan-simple/tms.config.js // 打开第2步创建的项目，修改构建工具的配置文件，注册模块

module.exports = () => ({ 
  modules: {
    all: [ // 在modules > all字段中，注册你的模块，如果已注册，此步骤可省略
      ...
      { // 新增你的模块
        moduleName: 'moduleName', // 模块根目录下的module.config.json的moduleName一致
        path: '../modules/roadrescue',  // 相对于当前项目，你的模块路径
      },
    ]
  }
});

1
2
3
4
5
6
7
8
9
10
11
12
13

# 5.启动项目

cd sinan-simple
tmskit run dev // 启动完成后
微信开发者工具打开 sinan-simple 目录

1
2
3

# 6.其他

# (1).修改请求接口的环境

// 修改app.js
const ENV = {
  PROD: 'production',      // 线上环境
  TEST: 'test',            // 测试环境
  DEV: 'development',      // 开发环境
  PRE: 'predist',          // 灰度(预发布)环境
};
const APP_ENV = ENV.PROD; // 环境变量修改这里

1
2
3
4
5
6
7
8

# (2).组件库

使用构建工具初始化的项目已集成了TMSUI组件 (opens new window), 组件库的组件已在app.json的usingComponents声明,大家可以开发模块时直接使用引入组件即可。