当前位置:   article > 正文

Vue的安装与配置_vue配置用户变量

vue配置用户变量

Vue的安装与配置

1.进入nodejs官网,下载LTS版本nodejs,进入安装程序后一路next

在这里插入图片描述
下载完后输入如下命令判断是否安装成功

node -v
npm -v
  • 1
  • 2

在这里插入图片描述

2.在nodejs安装路径下新建两个文件夹分别命名为node_globalnode_cache,然后输入如下命令修改下载缓存路径

npm config set prefix "D:\Environments\nodejs\node_global"
npm config set cache "D:\Environments\nodejs\node_cache"
  • 1
  • 2

在这里插入图片描述
在这里插入图片描述

3.环境变量配置

配置用户变量Path
在这里插入图片描述
添加系统变量NODE_PATH
在这里插入图片描述
检查系统变量的Path下是否有如图所示变量,理论上nodejs下载完后会自动配置,若无则需自行手动配置
在这里插入图片描述

4.cmd管理员模式下输入如下命令查看并修改下载路径为淘宝镜像

npm config get registry 	//查看原始路径 
npm config set registry https://registry.npm.taobao.org/	
  • 1
  • 2

在这里插入图片描述

5.cmd管理员模式下输入如下命令下载cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 1

在这里插入图片描述
输入如下命令检查cnpm是否安装成功

cnpm -v
  • 1

在这里插入图片描述

6.cmd管理员模式下输入如下命令安装vue

npm install vue -g
  • 1

在这里插入图片描述

7.cmd管理员模式下输入如下命令安装vue脚手架

npm install -g @vue/cli
  • 1

在这里插入图片描述

8.cmd管理员模式下输入如下命令安装webpack

npm install -g webpack
  • 1

在这里插入图片描述

9.找到nodejs目录下的node_cache和node_global文件夹,修改用户权限

在这里插入图片描述
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/运维做开发/article/detail/977248
推荐阅读
相关标签
  

闽ICP备14008679号