说明
轻量级无线页面脚手架。
注:部分功能依赖阿里内部系统,不一定适用于你(可以考虑使用generator-cnlite)
准备
1.安装yo
npm install yo -g
2.安装generator-cnvue
npm install generator-cnvue -g
使用
1.创建一个项目
创建一个名为appname
的目录, 并在此目录下创建初始文件, 支持同时创建远程仓库。
yo cnvue [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 cnvue:addpage [pagename]
执行后将创建以下文件
app/├── datas│ ├── pagename.js # 页面对应swig模板数据 │ ├── ...├── scripts│ ├── pagename.js # 页面对应javascript │ ├── ...├── styles│ ├── pagename.scss # 页面对应样式 │ ├── ...└── views ├── pagename.html ├── ...
3.删除一个页面及其相关文件
yo cnvue:rmpage [pagename]