**
搭建vue开发环境
**
gqpmpvip2020.02.12
一、安装软件目录
1、安装Git
2、安装Node.Js
3、安装WebStorm
二、安装包
百度网盘链接：https://pan.baidu.com/s/12X7r9Ph-JcH9szVWsJw_kw 提取码：3toe
1、Git-2.19.0-64-bit.exe
2、node-v12.15.0-x64.msi
3、WebStorm 2018.1.3.rar
三、安装软件
1、安装Git
1.1、图文教程：https://blog.csdn.net/weixin_44950987/article/details/102619708
1.2、官网：https://git-scm.com/downloads
2、安装Node.Js
2.1、图文教程：https://www.cnblogs.com/aizai846/p/11441693.html
2.2、官网：http://nodejs.cn/download/
3、安装WebStorm
四、搭建vue-cli
1、桌面新建文件夹，例如vuespace；
2、右键菜单，选择Git Bash Here；
3、输入命令：git --version 回车，查看版本；
4、输入命令：node -v 回车，查看版本；
5、输入命令：npm -v 回车，查看版本；
注：以上都是一气呵成，如果遇到问题先解决再往下走。
6、输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 回车，然后慢慢等待；
7、输入命令：cnpm install vue 回车，安装vue；
8、输入命令：cnpm install -g vue-cli 回车，安装vue-cli；
9、输入命令：vue -V（注意大写） 回车，查看版本；
10、创建项目：vue init webpack vue-demo（注意项目名称全部小写）回车；
11、一直回车，出现选择后，一个y三个n，然后慢慢等待；
五、启动vue-demo项目
1、输入命令：cd vue-demo 回车，进入文件夹；
2、输入命令：npm run dev 回车，启动程序，直到出现http链接。
3、浏览器输入：http://localhost:8080
六、遇到问题及解决方法
1、问题：错误信息：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 13.250.177.223:443
解决方法：https://blog.csdn.net/weixin_40089510/article/details/85936724（ok）
2、问题：vue-cli安装步骤（附带cnpm安装不成功及vue不是内部命令）
解决方法：https://blog.csdn.net/qq_37568942/article/details/80808148
七、其他参考
1、Vue–Vue-CLI服务命令、项目结构、自定义配置
https://www.cnblogs.com/zouzou-busy/p/11723009.html
2、用Vue实现一个登陆界面
https://www.cnblogs.com/coderWj/p/8639420.html
来源：CSDN
作者：谦谦ॱଳ͘
链接：https://blog.csdn.net/qq_40893136/article/details/104280431