用 Vue 已经很久了，但是没有想起来总结一下，今天先总结一些，慢慢补充，要知道每天的工作还是很饱和的
所需环境
- node
- npm
- cnpm // 用于加快下载速度
步骤
1.在自己新建的文件夹中 打开命令行工具,全局安装 npm install -g vue-cli，
2.vue init webpack + 项目名称 // 不可用中文
3.然后会出现很多选择，如下
1.Project name // 可写可不写，项目名称，
2.Project description // 可写可不写，项目描述
3.Author // 可写可不写，项目作者
4.Runtime + Compiler: recommended for most users // 运行加编译, 推荐使用
5.Install vue-router? (Y/n) // 只要项目中超过两个页面的，就输 Y
6.Use ESLint to lint your code (Y/n) // 用来规范代码的，有三个选项，建议选择第一个，标准格式
7.Setup unit tests with Karma + Mocha? (Y/n) // 是否安装单元测试。我目前是没有用的，所以选的n
8.Setup e2e tests with Nightwatch(Y/n)? // 是否安装e2e测试。我目前是没有用的，所以选的n
4.回车之后会自动 安装 模板和内容
5.下载完成后，进入项目目录，npm install ，下载依赖包
6.成功后可以 npm run dev 启动服务
7.此时一个简单的项目就启动起来了
然后可以看到这样的一个页面（图片好像被我删除了，大概是这样子）
目录结构大概是这样，我们没有使用测试，所以是没有test目录的
由于项目中的页面比较多，还会分出来公共组件的目录，多个模块的目录，每个模块又有很多个页面，所以这个只是下载下来之后的初版目录，自己可以根据自己需要继续增加目录，下边是我推荐增加的几个目录（都是src中的）
src 是我们会经常用的的目录
assets 里边存放不需要国际化的静态资源文件
css
font
images
common 里边存放公共的工具或样式，
element-ui 的部分重写
tool-公用方法
components 里边可以存放公共的组件,包括公用的底部，或者表格，搜索框，弹框等组件
layout 是menu的布局，上方主导航的内容，一般放在这里，便于管理，不用都放在App.vue中
router 是路由，所有的路由都统一写在这里
store 是vuex 的内容，包括action和mutation和state，使用较少，不得不用的时候采用
views 里边存放页面的和页面内组件的，在文件夹规范中会具体说一下
api.js 存放接口路径，可直接通过this.$api.变量名 来直接使用该URL
App.vue 是主页面，构建整个项目的页面布局，包括主导航和中英文切换功能
main.js 初始化vue实例并引入（包括router ，ElementUI ，axios 等）全局需要的插件
目录还没写完，今天晚了，明天写
引入 sass 如果需要用到sass的话
- 在package.json 中增加"sass-loader": “^7.1.0”, // 目前我用的是这个版本的
- 然后 cnpm install // 下载依赖包
- 在 webpack.base.conf.js 中增加loader
{
test: /.scss$/,
loaders: [‘style’, ‘css’, ‘sass’]
},
引入element UI
- cnpm install element-ui --save
- 在main.js中 import ElementUI from ‘element-ui’
- Vue.use(ElementUI)
今天先写到这里，下次写如何配置路由，axios的引入，