aotoo的小程序开发环境安装

291 阅读1分钟

环境安装

安装aotoo版的小程序的开发环境,基于node及webpack开发小程序

系统环境

MAC OSX
linux,需百度linux小程序开发环境
windows不支持

安装全局环境变量

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

aotoo-cli

aotoo-cli集成环境

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

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

新建工程目录

# abc 为新建的项目目录
$ aotoo init path/to/abc
$ cd abc

提示是否现在安装,回车确认,这里安装项目依赖包

新建项目

# projectName
# 默认新建的是web项目,不用担心,修改配置后,项目会自动匹配为小程序项目
$ aotoo create projectName

提示是否安装,选择否

修改配置为小程序

找到 aotoo.config.js(工程目录中),增加projectName的项目配置

  {
    name: 'projectName',  // 项目名称
    type: 'mp',  // 小程序类型,置空或者指定'web'将新建web项目
    startup: true,  // 默认是否启动,将其他项目置为false
    src: path.join(ROOT, 'src/projectName')  // 项目真实地址
  }

启动项目--开发模式

小程序小牧基于webpack4编译生成,支持stylus动态样式

$ aotoo dev projectName  #启动小程序开发模式

完成项目--编译模式

小程序小牧基于webpack4编译生成,支持stylus动态样式

$ aotoo build projectName  #编译生成输出

怎么打开开发中的小程序

编译完成后,会议黄色字体提示小程序项目输出目录,请打开微信开发者工具,导入项目并指定到输出目录

aotoo架构,可以看这里 www.agzgz.com
小程序demo

小程序