Awesome
微信小程序骨架
一个为微信小程序开发准备的基础骨架
For English
骨架特点
- 开发阶段与生产阶段分离。
- 自动化生成新页面所需文件并添加到配置中。
- 以
Standard Code Style
校验全部的js
和json
文件。 - 开发阶段
json
配置文件可以有注释,方便备注。 - 代码中集成部分文档内容,减少查文档的时间。
- 开发阶段可以使用
less
完成样式编码,原因你懂得~ (如果你了解这些,当然可以支持sass
等其他预处理样式)。 - 借助
babel
自动进行ES2015
特性转换,放心使用新特性。 - 开发阶段用
xml
文件后缀取代wxml
后缀,避免在开发工具中配置代码高亮。 - Source Map
- Travis CI
将项目克隆到本地
# 定位到任意目录
$ cd path/to/root
# 克隆仓库到指定的文件夹
$ git clone https://github.com/zce/weapp-boilerplate.git [project-name] --depth 1
# 进入指定的文件夹
$ cd [project-name]
安装项目NPM
依赖
$ npm install
使用
开发阶段
执行如下命令
# 启动监视
$ npm run watch
通过微信Web开放者工具
打开项目根目录下dist
文件夹,预览~
可以通过任意开发工具完成src
下的编码,gulp
会监视项目根目录下src
文件夹,当文件变化自动编译
创建新页面
执行如下命令
# 启动生成器
$ npm run generate
# 完成每一个问题
# 自动生成...
由于微信小程序的每一个页面有特定的结构,新建工作比较繁琐。可以通过此任务减少操作。
生产阶段
执行如下命令
# 启动编译
$ npm run build
生产阶段的代码会经过压缩处理,最终输出到dist
下。
同样可以通过微信Web开放者工具
测试。
开发计划
- 自动化生成新页面所需文件;
- 自动生成新页面时,自动添加配置到
app.json
; - 加入
ES2015
的Polyfill
,支持类似Promise
的新API
; - 自动刷新
微信Web开放者工具
中的预览; -
HTML
toWXML
转换器,让大家可以直接使用HTML
元素开发;
相关项目
有问题?
Welcome PR or Issue!
许可
MIT © 汪磊