首页下载资源移动开发一个为微信小程序开发准备的基础骨架

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

qq_4159318567.94KB需要积分:1

资源文件列表:

weapp-boilerplate.zip 大约有43个文件
  1. .babelrc 28B
  2. .eslintrc.js 184B
  3. .gitignore 206B
  4. .travis.yml 250B
  5. gulpfile.js 5.11KB
  6. LICENSE 1.04KB
  7. package.json 1.61KB
  8. README.md 2.14KB
  9. src/
  10. src/app.js 1.62KB
  11. src/app.json 2.18KB
  12. src/app.less 410B
  13. src/images/
  14. src/images/arrowright.png 1.33KB
  15. src/images/green_tri.png 1.58KB
  16. src/images/icon64_appwx_logo.png 3.46KB
  17. src/images/icon_API.png 647B
  18. src/images/icon_API_HL.png 634B
  19. src/images/icon_component.png 431B
  20. src/images/icon_component_HL.png 429B
  21. src/images/pause.png 3.67KB
  22. src/images/play.png 4.32KB
  23. src/images/plus.png 1.22KB
  24. src/images/record.png 5.67KB
  25. src/images/stop.png 2.48KB
  26. src/images/trash.png 2.59KB
  27. src/images/wechat.png 1.21KB
  28. src/images/wechatHL.png 1.21KB
  29. src/pages/
  30. src/pages/demo/
  31. src/pages/demo/demo.js 1004B
  32. src/pages/demo/demo.less 31B
  33. src/pages/demo/demo.xml 74B
  34. src/pages/index/
  35. src/pages/index/index.js 1.1KB
  36. src/pages/index/index.json 994B
  37. src/pages/index/index.less 179B
  38. src/pages/index/index.xml 189B
  39. src/README.md 141B
  40. src/utils/
  41. src/utils/bluebird.js 115.96KB
  42. src/utils/util.js 894B
  43. 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`元素开发;
100+评论
captcha