vue新建项目环境配置以及问题解析

很多时候，我们知道如何配置vue环境，但是，从来都没有梳理过。今天，我们来好好整体一下子，并且，在配置的时候，需要到一些奇特问题。

1、安装node.js

官网地址：https://nodejs.org/en/download/

根据自己的系统，选择node的版本、安装。安装之后我们可以验证下是否成功：

输入 cmd 打开命令输入框，输入 node -v.，如图： 表示node安装成功！

如果，显示 node 不识别则是安装失败！

备注：如果系统是window10，安装失败，可以采用如下操作：
① 将node版本带有msi文件的下载到C盘中
② 以管理员身份打开命令输入框cd到msi所在文件目录，如图：

2、安装淘宝镜像

$ npm install cnpm -g --registry=https://registry.nlark.com

安装之后，验证效果如下，表示安装成功：

3、安装git

官网：https://git-scm.com/downloads

根据电脑下载相对应的版本，安装后，在文件夹中右击鼠标，有如下显示，表示安装成功：

备注：为何需要安装git，因为，如果不安装git的话，再项目启动的时候，会报git错误

4、安装vue-cli

npm install -g @vue/cli
or
cnpm install -g @vue/cli

在命令行中，输入vue -V，有如下效果，表示安装成功。

5、新建项目hello-world

vue create hello-world

6、配置环境

https://www.jianshu.com/p/cd5b7410eccb