vue/CLI配置​​

一、修改NPM全局模式的默认安装路径及设置默认源

<一>.修改NPM全局模式的默认安装路径
1.查看npm相关配置

命令：npm config ls

2.修改npm默认全局安装路径
        执行以下代码：

     npm config set prefix "D:\nodejs\node_global"  //要安装的路径
     npm config set cache "D:\nodejs\node_cache"  //要安装的路径
3.检查是否修改成功，如果成功，要配置环境变量
D:\nodejs\node_global 配置到环境变量中

1.在我的电脑属性中找到高级系统设置

2.环境变量

3.找到Path

4.新建，把路径放进去

4.安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
<二、>.设置默认源为淘宝镜像
由于node下载第三方依赖包是从国外服务器下载，虽然没有被墙，但是下载的速度是非常的缓慢且有可能会出现异常。

所以为了提高效率，我们还是把npm的镜像源替换成淘宝的镜像源。

单次设置
npm install --registry=https://registry.npm.taobao.org
永久设置
npm config set registry https://registry.npm.taobao.org
检测是否修改成功
npm config get registry

若成功：

二、配置全局变量

vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。

卸载命令：

npm uninstall vue-cli -g

卸载完成后再去安装新版本cli

cnpm i -g @vue/cli

安装完成后查看安装版本

vue -V

三、创建项目

创建一个空文件夹，进入命令行页面

创建项目  命令：vue  create "自己的项目名字"

到此界面之后等待，出现这个界面

在命令界面中输入提示的蓝色命令，出现如下界面，根据网址进入页面，成功