前端vue-cli安装，以及cmd无法识别指令的问题（前端环境）

前言：博主菜鸡，仅个人经验，大佬勿喷。

前端安装环境的时候，会出现安装的时候却无法使用cmd无法检查到某个安装了的指令，这个时候多半是环境变量的问题，这里展示如何配置前端的环境变量，话不多说，我们这就开始。

前端安装依赖必要安装的是node.js，不为别的，只为了node.js自带了npm。

1、安装node

Node.js 中文网

2、查看是否安装完成

2.1、如果显示没有安装，不是内部或者外部命令，可能是node没有添加进环境变量，就需要配置环境变量了

3、配置环境变量

 

 找到自己安装的node的路径就可以了，再次测试cmd，node的命令是否可以执行。

另外提一嘴：安装yarn无法执行的话，配置yarn的bin文件夹就可以在cmd运行yarn了，前端其他的环境变量类似。

4、安装vue脚手架前置

node安装完毕了我们就可以安装vue-cli脚手架了

4.1、这里我们先来解决npm安装的慢的问题

npm默认的是使用国外的镜像，所以我们安装的比较慢，甚至会安装失败，这里我们就要使用其他的镜像源了，国内用的比较多的是taobao镜像源。

我解释一下为什么不使用yarn和cnpm来使用镜像源

cnpm下载依赖的时候，很容易出现一些无法解释的错误

yarn下载依赖比较快，会产生一个yarn的专属文件，当其他的电脑想运行该项目就必须安装yarn

这里我们来试试

使用这串命令来查看镜像源

npm config get registry

 

 使用这段代码来切换镜像源

npm config set registry https://registry.npm.taobao.org

 

5、正式开始安装vue-cli

使用该命令安装

npm install -g @vue/cli

 使用vue -V检查是否安装完成（-V为大写）

vue -V

 

这样就安装完成了，觉得博主写的不错的可以点个赞。可以在评论区讨论。博主会定期回复。