Create-vs NPM | npm.io

说明文档

作用 : 免去新建项目一些基础配置和扩展功能(Vuex,Router,Axios...)以及配合终端指令自动生成文件(例如：生成页面的同时自动生成路由文件并完成路由注册...)

npm：https://www.npmjs.com/package/create-vs

如何安装
```
npm install -g create-vs
```
模板基础配置 (vue-cli基础上进行扩展)
- Vuex（创建仓库实例,store文件下的index.js会动态添加子模块的仓库实例，封装了token相关方法）
- Vue-Router（创建路由实例,router文件中的index.js会动态去加载对应的路由，路由守卫拦截）
- Axios（实例、接口的封装并配置拦截器以及跨域代理）
- 全局组件的注册和使用
- 全局过滤器的注册
- Element-UI
- 图片打包压缩功能（webpack.config.js中配置图片编译打包自动压缩功能）
- SVG（vue.config.js已完成了配置，模板有示例）
- Reset.css（移除浏览器默认样式，需手动修改注释，默认不使用）
- Normalize.css（确保样式在其他浏览器无差异）
- Less
- Js-cooklie（封装了关于对token的一些方法）
- Moment.js（一个解析、验证、操作和显示日期和时间的JavaScript库,模板有示例）
- Lodash（提供了很多函数式编程的工具函数）
- . . . . . .
如何使用
- 创建pc端项目 (默认基础模板)
```
vs create  <FileName>
```
filename --- 文件夹名字
vs create 表示创建一个pc的基础项目模板
- 创建移动H5项目
```
vs create-h <FileName>
```
  failename --- 文件夹的名字 create-h 表示创建一个vue2移动端的项目
  移动端模板详细文档 : https://juejin.cn/post/7216965516877971512
终端指令
- 创建component组件
```
vs addcpn <filname> [-d  src/components]
```
  addcpn --- 创建一个component组件
  【-d src/components】--- 可选参数，默认在src/components目录下新建一个以filename的.vue文件
  例如：vs addcpn user
- 创建pages页面组件和路由
```
vs addpage <filename> [-d src/page ]
```
  addpage --- 创建一个以filename的.vue文件和router.js的路由文件，router.js文件会被自动导入路由实例中,这是因为router文件夹里index.js做的操作。
  【-d src/pages】--- 可选参数默认生成的组件文件在src/pages中
  例如：vs addpage home
- 创建store子模块仓库
```
vs addstore <filename> [-d src/store]
```
  addstore --- 创建一个以filename的文件夹，包括了index.js和types.js
  生成的子模块文件,store文件下的index.js将动态添加子模块的仓库实例，无需手动编写
  【-d src/store】--- 可选参数，不建议更改，生成的文件将自动导入经src/store/modules文件中
  例如：vs addstore Login
- 创建Api文件
```
vs addapi <filename>
```
  addapi --- 创建一个以filename为名的.js文件,如果该文件已经存在则会返回并提示
  默认生成的文件在 'src/api' 目录下
  例如 : vs addapi home