0
点赞
收藏
分享

微信扫一扫

自定义安装node.js和vue3脚手架

树下的老石头 2022-02-07 阅读 53

一、安装node.js

nodejs下载地址:http://nodejs.cn/download/
注:安装的时候自定义安装路径,其他都是下一步。

安装完成之后检查安装结果:
1、win+R 输入 cmd 打开windows命令行,在命令行中输入:node -v 查看node安装结果
在这里插入图片描述

二、安装vue3

1、卸载nodejs自带的vue-cli

(1)win+R 输入 cmd 打开windows命令行,输入命令:npm uninstall vue-cli -g在这里插入图片描述
(2)修改通过npm下载的全局包保存在本地的路径

a) 查看保存的路径:**win+R**  输入 **cmd** 打开windows命令行,输入命令:**npm root -g**

在这里插入图片描述
注:默认情况下,执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径就是上图的路径。

b) 修改全局包保存路径
	--在nodejs安装目录中新建两个文件夹:node_cache和node_global(名称可自定义,最好和默认路径的保持一致)

在这里插入图片描述
c)修改node下载全局包保存路径配置

	--设置cache路径:cmd命令行执行命令:npm config set cache "D:\nodejs\node_cache"
	--设置global路径:cmd命令行执行命令:npm config set prefix "D:\nodejs\node_global"
	--查看设置之后的路径: npm root -g
	
	注:路径要和自己自定义的路径一致

![设置成功](https://img-blog.csdnimg.cn/86e5ad85a47847cdb100ec41a7f7d3e9.png

2、安装vue-cli 3.*
a)win+R打开cmd命令行,输入命令:npm install -g @vue/cli

如果报错:关掉命令行窗口,重新以管理员方式打开命令行
在这里插入图片描述
安装成功的结果:

在这里插入图片描述
b) 查看vue版本:命令行输入:vue -V

报错:此处需要在添加系统环境变量
在这里插入图片描述
因为vue-cli是安装在D:\nodejs\node_global目录下的,因此将此路径添加到系统环境变量中就可以了。
windows10系统配置环境变量:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
注:配置完成环境变量之后需要关闭命令行窗口,重新打开,在旧窗口输入的命令不会生效

此时vue-cli安装成功
在这里插入图片描述

举报

相关推荐

0 条评论