Generator-cnvue NPM

说明

轻量级无线页面脚手架。

注：部分功能依赖阿里内部系统，不一定适用于你（可以考虑使用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.删除一个页面及其相关文件