generator-wv
v1.0.12
Published
generator-wv
Downloads
19
Maintainers
Readme
generator-wv
generator-wv 脚手架
命名:wv ---> webpack+vue
generator-wv
Installation
First, install Yeoman and generator-wv using npm (we assume you have pre-installed node.js).
[sudo] npm install -g yo
[sudo] npm install -g generator-wv
Then generate your new project:
yo wv
目录生成成功后,请阅读:README.md
项目架子初始化完成(注意:这时只有index示例页面),目录结构如下:
wv
├── .gitignore // 忽略git提交文件
├── README.md // 项目说明
├── .babelrc // babel编译配置
├── .editorconfig // 编辑器规范配置
├── .eslintignore // eslint代码检查忽略文件配置
├── .eslintrc.js // eslint代码检查配置
├── .postcssrc.js // postcss 配置,目前使用sass此项无用
├── package.json // 项目依赖配置
├── index.html // 项目视图入口文件
├── LICENSE // 许可证 MIT
├── dist // `npm run build` 后生成的打包目录
├── build // 运行项目等配置
├── config // 通用配置等
├── src
├── ├── app // 项目相关源码开发目录
├── | ├── components // 公用组件
├── | ├── pages // 具体页面目录
├── ├── assets // 静态公用资源
└── ├── common
| ├── ...
├── router // 路由配置
├── app.vue // 视图入口
├── main.js // webpack入口
└── mock
├──GET // 本地mock get
└──POST // 本地mock post
支持功能
1.本地mock: 更改config/index.js : mockLocal: 1, // 1為本地 \ 0為代理 remote中可配置代理地址
2.自动获取本地局域方地址(192.*.*.*)方便局域网查看
3.自动获取端口号(默认8888),不再为端口号占用烦恼,提高效率
4.运行 `npm run dev`后自动代开浏览器,不必手动打开,提高效率 更改config/index.js : browser: 'google chrome', // 可配置 firefox \ google chrome \ Safari
5.支持eslint 本地开发必须符合[代码规范](https://github.com/huarxia/spec),也可以单独运行`npm run lint`
感谢这些开源项目
Getting To Know Yeoman
- Yeoman has a heart of gold.
- Yeoman is a person with feelings and opinions, but is very easy to work with.
- Yeoman can be too opinionated at times but is easily convinced not to be.
- Feel free to learn more about Yeoman.
License
MIT © 花夏