WxCool

致力于打造一套简洁高效的小程序脚手架

准备工作

全局安装Gulp-cli、Create-wxcool-cli

npm install gulp-cli create-wxcool-cli -g

检查Gulp-cli、Create-wxcool-cli是否安装成功

gulp -v

create-wxcool -v

如何使用

创建项目

create-wxcool i <app-name>

cd <app-name>

npm install
or
yarn install

编译

npm run dev：开发环境
npm run test：测试环境
npm run build：线上环境

配置

• server.js：Hapi服务mock数据
• src/project.config.json：项目配置文件
• src/utils/ajaxConfig.js：请求接口配置文件
• src/utils/config.js：数据字典配置
• src/utils/imgConfig.js：图片路径配置
• src/utils/request.js：请求封装
• src/utils/util.js：公共方法
• src/env/development.js：开发环境请求地址配置
• src/env/production.js：线上环境请求地址配置
• src/env/testing.js：测试环境请求地址配置

目录结构

文件目录结构生成失败

代码规范 & 注意事项

• src文件夹是我们需要编辑的文件夹，dist文件夹是编译后的文件夹，是我们查看编译结果的文件夹
• 组件放置在components文件夹中，图片放置在images文件夹中
• 所有的接口都必须在ajaxConfig.js中配置，仅配置接口路径，不配置域名以及固定项目路径
• 除了必须写在wxss文件中的图片路径外，其他所有的图片路径都必须在imgConfig.js中配置
• 在js和wxml中最好不要出现带有特定含义的数字、字符串、数组等，这些信息都需要在config.js中进行配置
• 一些通用的方法都要写在util.js中
• 在开发环境执行npm run dev命令后，请不要关闭命令窗口，否则dist文件夹将不能自动更新