generator-cnlite
v1.4.6
Published
vue2.0 webapp generator
Downloads
7
Maintainers
Readme
说明
轻量级无线页面脚手架。
注:部分功能依赖阿里内部系统,不一定适用于你
准备
1.安装yo
npm install yo -g
2.安装generator-cnlite
npm install generator-cnlite -g
使用
1.创建一个项目
创建一个名为appname
的目录, 并在此目录下创建初始文件, 支持同时创建远程仓库。
yo cnlite [appname]
目录说明
app
├── datas # 模板数据
│ └── page.js
├── scripts # 页面脚本
│ ├── page.js
│ └── modules # js模块
│ ├── ...
├── styles # 页面样式
│ ├── page.scss
│ └── modules # sass模块
│ ├── ...
└── views # 视图相关文件
├── page.html
├── layouts # swig模版layout
│ └── ...
├── swig # swig模块
│ └── ...
└── vue # vue模块
└── ...
├── build
│ ├── ...
2.添加一个页面
创建一系列和该页面相关的初始文件
yo cnlite:addpage [pagename]
执行后将创建以下文件
app/
├── datas
│ ├── pagename.js # 页面对应swig模板数据
│ ├── ...
├── scripts
│ ├── pagename.js # 页面对应javascript
│ ├── ...
├── styles
│ ├── pagename.scss # 页面对应样式
│ ├── ...
└── views
├── pagename.html
├── ...
3.删除一个页面及其相关文件
yo cnlite:rmpage [pagename]