一、进入官网地址下载安装包
下载 | Node.js 中文网
选择一款稳定版本的下载
安装
同意
这里选择路径,放在没有中文的路径下
这里选择自己创建的
选择路径
点击next
点击next
打开cmd输入node -v,检查是否安装成功
node -v
二、配置npm的全局安装路径
以管理员的身份运行cmd
使用管理员身份运行命令行,在命令行中,执行如下指令:
npm config set prefix "E:\develop\NodeJS"
注意:E:\develop\NodeJS 这个目录是你自己的NodeJS的安装目录
npm config set prefix "E:\develop\NodeJS"
这里输入npm config get prefix可以验证是否安装成功
npm config get prefix
三、切换npm的镜像,选用其中一个就可以
加速资源下载
使用管理员身份运行命令行,在命令行中,执行如下指令:
# 切换到官方 npm 源
npm config set registry https://registry.npmjs.org/
# 或者使用淘宝的新镜像源
npm config set registry https://registry.npmmirror.***/
四、安装Vue-cli脚手架工具
1、使用管理员身份运行命令行,在命令行中,执行如下指令:
npm install -g @vue/cli
这个过程中,会联网下载,可能会耗时几分钟,耐心等待。
验证安装
vue --version
2、环境变量设置
右击此电脑属性
找到高级设置
点击环境变量
找到系统变量下的Path
进入Path新建,添加路径
这个路径用cmd命令以管理员的身份打开输入一下命令就可以获得:
npm config get prefix
下面图片展示,把这个路径复制一下放到上面新建的Path路径下
到这里你再输入vue --version就可以显示版本了
vue --version
到此就完成nodejs的配置和Vue-cli的配置
以下是安装Vue-cli运行npm install -g @vue/cli命令时出现权限不够的问题无法下载遇到的问题,如果你没有遇到就不用就操作了,还有可能的权限问题就是文件被锁定或防病毒软件干扰导致的,关闭防毒软件
注:
在第四步安装的时候出现了报错nodejs没有权限(遇到这个问题的话可以跟着我尝试一下)
打开你下载的nodejs路径,右键点击属性,点击高级
点击更改
点击高级
点击立即查找找到用户权限Authenticated Users,然后点击确定
替换子容器和对象的所有者
这里就可以修改完全控制和修改了,可以勾选上,然后点击确定
到此结束
注:
如果需要vue工程化项目创建请参考Vue工程化项目创建-CSDN博客