环境安装

aotoo-hub支持小程序开发,使用webpack作为小程序的开发环境使得前端开发者能够更加便利的利用一些常用库和动态样式(stylus), 当然编译完成后需要用微信小程序开发工具来打开

系统环境

  • mac osx
  • linux

不支持windows,webpack的开发工作没有进行windows的测试

全局环境依赖

需要全局安装node-gyp node-pre-gyp

$ sudo npm install node-gyp node-pre-gyp -g

全局命令

需要全局安装aotoo-cli
该命令能够使用aotoo-hub来启动各种 web/h5/小程序 的环境

# 全局安装aotoo-cli
$ npm install aotoo-cli -g

通过aotoo -V检查是否安装完成

新建工程目录

全局依赖工具安装完成后,开始新建一个工程

$ aotoo init projectName
$ cd projectName

新建项目

新建一个项目目录 默认项目为web项目

$ aotoo create caseName

在随后的提示中选择n或者no

修改配置为小程序

打开根目录中aotoo.config.js,新建一个caseName的项目配置

{
  name: 'caseName',  // 项目名称
  type: 'mp',  // 指定为小程序类型
  src: path.join(ROOT, 'src/caseName')
}

启动开发模式

$ aotoo dev caseName

编译项目

$ aotoo build caseName

怎么打开开发中的小程序

微信开发者工具中,找到 src/caseName/dist目录

我的img

效果图

我的img