Vue2安装、项目创建及项目启动出错时的解决方法

Vue2安装
1、以管理员身份打开命令窗口。
2、输入node -v，检查Node.js是否安装成功。
3、国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
输入npm -v，检查npm是否安装成功。

4、安装wekpack
npm install webpack –g
5、安装脚手架
npm install vue-cli -g
6、输入vue -V，检查vue是否安装成功

Vue2项目创建
1、找到项目放置路径，输入cmd，回车。
2、输入vue init webpack practice，开始创建项目（practice是项目名称，可以更改）。
3、将项目在vscode中打开，Terminal窗口输入npm run dev，即可运行。
4、网页中输入http://localhost:8080，便可查看页面。
【注意】：当我们输入npm run dev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。
解决方法：
1）打开config 的 index.js
2）module.exports配置中找到autoOpenBrowser，默认设置的是false，将其改为true，然后关闭项目重启就ok了，如果怕端口冲突，可以更改文件中port。
Vue2项目启动出错时的解决方法
使用webpack打包运行vue项目时报错：
1、全局安装webpack
npm install -g webpack
2、进入项目目录 link webpack
npm link webpack
3.再次打包运行项目 npm run start发现报错
原来是缺少webpack-plugin插件，那么就缺啥装啥。
4.安装extract-text-webpack-plugin
npm install extract-text-webpack-plugin
再次运行项目报错
5.安装webpack-merge
npm install webpack-merge
再次运行项目报错
6.安装copy-webpack-plugin
npm install copy-webpack-plugin
运行项目报错
7.安装html-webpack-plugin
npm install html-webpack-plugin
再次运行项目报错
8.安装friendly-errors-webpack-plugin
npm install friendly-errors-webpack-plugin
再次运行项目发现还是报错
9.那就继续安装node-notifier
npm install node-notifier
再次运行项目发现还有一个问题
10.安装 npm install --save
npm install --save
最后重新开一个终端，运行项目就成功了。