Node.js下载安装和Vue-cli(脚手架)安装详细过程

Node.js下载安装和Vue-cli(脚手架)安装详细过程

一、进入官网地址下载安装包

下载 | 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博客

转载请说明出处内容投诉
CSS教程网 » Node.js下载安装和Vue-cli(脚手架)安装详细过程

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买