用到了Node
环境,没有环境的话也请自行解决吧。
$ npm install
执行如下命令
# 启动监视
$ npm run watch
通过微信Web开放者工具
打开项目根目录下dist
文件夹,预览~
- 打开
微信Web开放者工具
,选择添加项目
,填写或选择相应信息- AppID:点击右下角
无AppID
(尚未开放申请) - 项目名称:随便填写,因为不涉及到部署,所以无所谓
- 项目目录:选择项目根目录下
dist
文件夹 - 点击
添加项目
- AppID:点击右下角
- 可以通过任意开发工具完成
src
下的编码,gulp
会监视项目根目录下src
文件夹,当文件变化自动编译
执行如下命令
# 启动生成器
$ npm run generate
? Input the page name (index) [page-name]
? Do you need a configuration file (y/N) N
? Select a style framework (Use arrow keys)
> less
# 自动生成...
由于微信小程序的每一个页面有特定的结构,新建工作比较繁琐。可以通过此任务减少操作。
执行如下命令
# 启动编译
$ npm run build
生产阶段的代码会经过压缩处理,最终输出到dist
下。
同样可以通过微信Web开放者工具
测试。
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm install [name]