vue最新环境搭建
1、安装node环境
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318926-318703983.jpg)
二,配置环境变量
说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径
1、计算机>>属性>>高级系统设置>>环境变量>>用户变量,找到path进行编辑后,确定即可
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318838-2106324648.jpg)
4、验证node环境
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318298-1788878005.jpg)
5、修改默认下载位置和缓存位置
说明:设置路径能够把通过npm安装的模块集中在一起,便于管理。1、在nodejs的安装目录下,新建node_global和node_cache两个文件夹,作者的安装目录为“D:\devSoft\nodejs\”
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318967-1958455523.jpg)
6、设置global和cache
npm config set prefix "D:\software\node\node_global" npm config set cache "D:\software\node\node_cache"
7、将node_global目录配置到path环境变量中
计算机>>属性>>高级系统设置>>环境变量>>用户变量,找到path进行编辑后,确定即可**
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318852-2129364379.jpg)
8、将node_modules目录配置到Path系统变量中
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102319006-236118554.jpg)
9、配置淘宝镜像并检查
npm config set registry=http://registry.npm.taobao.org npm config get registry
10、安装cnpm镜像(“-g” 表示安装到 global 目录下)
说明:由于许多npm包都是在国外,我们这里用到淘宝的镜像服务器,来对我们依赖的module进行安装,因此首先安装“中国的npm”——cnpm参考网址如下:http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
11、安装vue
cnpm install vue -g
12、安装vue-cli命令行工具
cnpm install vue-cli -g
13、验证vue-cli是否安装成功
vue -V
打开node_modules文件夹验证一下
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318815-651087104.jpg)
验证vue
![0](https://img2020.cnblogs.com/blog/1217655/202111/1217655-20211107102318671-1988084067.jpg)
idea开发vue项目