generator-cnvue

1.7.0 • Public • Published

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.删除一个页面及其相关文件

yo cnvue:rmpage [pagename]

Package Sidebar

Install

npm i generator-cnvue

Weekly Downloads

19

Version

1.7.0

License

ISC

Last publish

Collaborators

  • linkarys