vue学习和安装

1、Vue官网（需要了解基础命令、组件、Vuex状态管理、Vue Router路由）：https://cn.vuejs.org/v2/guide/
2、Webpack官网（了解即可）：https://www.webpackjs.com/concepts/
3、ElementUI官网（大概过一遍有什么组件，然后使用时ctrl+V即可）：https://element.eleme.cn/#/zh-CN
4、B站Vue视频（强烈推荐）：https://www.bilibili.com/video/BV15741177Eh
5、Nodejs安装及环境配置：https://www.jianshu.com/p/13f45e24b1de
6、常用命令（所有命令可从package.json配置文件的scripts里面查到，也可以自定义其他命令，一般不需要）：
npm install（从svn下项目后第一步，安装所有依赖）；
npm run serve（启动开发环境编译，成功后会自动打开浏览器）；
npm run build:invest（使用内测环境配置文件打包）；
npm run build:prod（使用生成环境配置文件打包）
7、其他命令：
npm install XX --save–dev（以开发依赖安装某插件）；
npm install XX --save（以运行时依赖安装某插件）
8、开发环境：Visual Studio Code+中文包（Chinese (Simplified) Language，可选）+Vetur插件（可从VS Code扩展商店搜索并安装）+Java或VS快捷键（EclipseKeymap或VS Keymap）
9、VS Code与Git集成较好，可以切换到Git源代码管理

内容来源：同事 hrwu。

Vue-cli 项目目录解析

|-- build                            // 项目构建(webpack)相关代码
|   |-- build.js                     // 生产环境构建代码
|   |-- check-version.js             // 检查node、npm等版本
|   |-- dev-client.js                // 热重载相关
|   |-- dev-server.js                // 构建本地服务器
|   |-- utils.js                     // 构建工具相关
|   |-- webpack.base.conf.js         // webpack基础配置
|   |-- webpack.dev.conf.js          // webpack开发环境配置
|   |-- webpack.prod.conf.js         // webpack生产环境配置
|-- config                           // 项目开发环境配置
|   |-- dev.env.js                   // 开发环境变量
|   |-- index.js                     // 项目一些配置变量
|   |-- prod.env.js                  // 生产环境变量
|   |-- test.env.js                  // 测试环境变量
|-- src                              // 源码目录
|   |-- assets                       // 资源目录 
|   |-- components                   // vue公共组件
|   |-- store                        // vuex的状态管理
|   |-- App.vue                      // 页面入口文件
|   |-- main.js                      // 程序入口文件，加载各种公共组件
|-- static                           // 静态文件，比如一些图片，json数据等
|   |-- data                         // 数据
|-- .babelrc                         // ES6语法编译配置
|-- .editorconfig                    // 定义代码格式
|-- .gitignore                       // git上传需要忽略的文件格式
|   |-- .postcssrc.js                // 通过JS插件装换样式的工具 
|-- README.md                        // 项目说明
|-- favicon.ico 
|-- index.html                       // 入口页面
|-- package.json                     // 项目基本信息```