miniapp-cli
v0.0.6
Published
A scaffold for wechat mini appplication, surpport multiple pre-complie language, to quickly build your application.
Downloads
4
Maintainers
Readme
miniapp-cli
微信小程序脚手架工具
miniapp-cli支持你使用jade,sass/scss/stylus/coffee来编写微信小程序,并编译成小程序原生的wxml,wxss,js。这听起来就非常酷对吧!除此之外,miniapp-cli还提供了生成小程序page模板的功能,帮助你快速开发微信小程序。
安装
$ npm install miniapp-cli -g
查看帮助
$ miniapp-cli -h
创建项目
$ miniapp-cli new your_app_name
new
命令可以为你快速生成一个初始化的小程序项目,并为你自动安装其中的默认npm package依赖。
执行此命令后,你需要选择wxml
和wxss
及wxs
的预编译方式。
wxml
支持的预编译方式
- wxml (不使用预编译)
- pug(即jade)
wxss
支持的预编译方式
- wxss (不使用预编译)
- sass
- scss
- stylus
wxs
支持的预编译方式
- babel(ES6->ES5)
- coffeescript
在your_app_name
文件夹中,有两个主要目录,src
和dist
,前者是你的工作目录,后者是通过miniapp-cli
编译生成的小程序,你可以通过微信小程序官网提供的开发者工具链接本地开发目录至dist
,就可以实现实时预览了。
编译
通过build
来编译小程序项目
$ cd your_app_name
$ miniapp-cli build
同时你还可以加上 -w
参数,以监测文件改动从而自动编译
$ miniapp-cli build -w
Page模板生成
通过g
来快速生成page,执行
$ miniapp-cli g page_name folder
当文件夹名称folder
省略时,默认是page_name
值,folder
也可以是路径名, 将会自动在 src/pages
和 dist/pages
目录中生成对应 folder
文件路径,并生成基本的文件结构
- page_name.js
- page_name.wxml
- page_name.wxss
- page_name.json
除此之外,还会自动将page添加到app.json中的pages定义。
其它
本项目是在 miniapps 基础上开发,以满足个性化需求,对此表示感谢!