weapp-boilerplate.zip
大小:67.94KB
价格:22积分
下载量:0
评分:
5.0
上传者:qq_41593185
更新日期:2025-09-22

一个为微信小程序开发准备的基础骨架

资源文件列表(大概)

文件名
大小
.babelrc
28B
.eslintrc.js
184B
.gitignore
206B
.travis.yml
250B
gulpfile.js
5.11KB
LICENSE
1.04KB
package.json
1.61KB
README.md
2.14KB
src/
-
src/app.js
1.62KB
src/app.json
2.18KB
src/app.less
410B
src/images/
-
src/images/arrowright.png
1.33KB
src/images/green_tri.png
1.58KB
src/images/icon64_appwx_logo.png
3.46KB
src/images/icon_API.png
647B
src/images/icon_API_HL.png
634B
src/images/icon_component.png
431B
src/images/icon_component_HL.png
429B
src/images/pause.png
3.67KB
src/images/play.png
4.32KB
src/images/plus.png
1.22KB
src/images/record.png
5.67KB
src/images/stop.png
2.48KB
src/images/trash.png
2.59KB
src/images/wechat.png
1.21KB
src/images/wechatHL.png
1.21KB
src/pages/
-
src/pages/demo/
-
src/pages/demo/demo.js
1004B
src/pages/demo/demo.less
31B
src/pages/demo/demo.xml
74B
src/pages/index/
-
src/pages/index/index.js
1.1KB
src/pages/index/index.json
994B
src/pages/index/index.less
179B
src/pages/index/index.xml
189B
src/README.md
141B
src/utils/
-
src/utils/bluebird.js
115.96KB
src/utils/util.js
894B
src/utils/wechat.js
333B

资源内容介绍

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

用户评论 (0)

发表评论

captcha