使用vue-cli 创建vue工程
1. 检查npm 版本
1 【命令行查看版本号】 2 node -v 3 npm -v 4 5 【升级npm】 建议升级成最新版本 6 npm install -g npm 7 8 【修改为淘宝镜像】 建议选择淘宝镜像安装 速度能快 9 npm config set registry "https://registry.npm.taobao.org"
2.安装webpack
1 【全局安装 webpack】 2 npm install webpack -g 3 4 【webpack 4.X 开始，需要安装 webpack-cli 依赖】 5 npm install webpack webpack-cli -g 6 7 【查看版本号】 8 webpack -v 9 10 【全局安装vue-cli】 11 npm install -g vue-cli 12 13 【查看版本号】 14 vue -V 15 16 【若出现“Unexpected end of JSON input while parsing near”错误，命令行输入】 17 npm cache clean --force
3.创建项目
1 【命令行进入该目录】 2 cd D:\web_path 3 4 【下载模板】 5 vue init webpack my_work_ui 6 7 【进入交互页面，根据自己情况选择】 8 ?Project name vue-demo # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）。 9 ? Project description A Vue.js project # 项目描述,随便写 10 ? Author # 作者名称 11 ? Vue build standalone # 我选择的运行加编译时 12 Runtime + Compiler: recommended for most users 13 ? Install vue-router? Yes # 是否需要 vue-router 14 ? Use ESLint to lint your code? No # 是否使用 ESLint 作为代码规范. 15 ? Pick an ESLint preset Standard # 一样的ESlint 相关 16 ? Set up unit tests No # 是否安装单元测试 17 ? Pick a test runner 按需选择 # 测试模块 18 ? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试 19 ? Should we run `npm install` for you after the project has been created? (recommended) npm # 包管理器，我选的NPM
4.安装成功后进入项目
1 【命令行进入该目录】 2 cd D:\web_path\my_work_ui 3 4 【初始化项目】 5 npm install 6 7 【启动项目，根据package.json中的数据来启动】 8 npm run serve 9 10 【关闭项目】 11 Ctrl + C 12 13 【浏览器访问：】 14 http://localhost:8080/ 15 16 【项目打包上线】 17 npm run build 18 将打包后生成的dist 目录中的文件拷贝到服务器的相应地址即可（比如tomcat的webapps目录下）。
