前端开发node.jsvue安装环境安装node版本管理工具-nvm,耗时一天时间踩坑总结

Posted 水香木鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发node.jsvue安装环境安装node版本管理工具-nvm,耗时一天时间踩坑总结相关的知识,希望对你有一定的参考价值。

🚀作者简介

主页:水香木鱼的博客

专栏:前端工具

能量:🔋容量已消耗1%,自动充电中…

笺言:用博客记录每一次成长,书写五彩人生。


📒技术聊斋

(一)nvm 常用命令必知

nvm ls 查看已经安装的node版本
nvm install 版本号 可安装指定版本的node
nvm use 版本号 切换到指定版本
nvm uninstall 版本号 卸载指定版本
nvm list available 查看可安装的node版本
nvm list 查看可安装的node版本
nvm -V 查看是否安装nvm

(二)nvm github官网地址【不推荐,速度较慢】

进入官方 nvm-windows官网

(三)nvm 博主自用存放飞书云【推荐,无需等待 下载即用】

点击下载 水香木鱼飞书云 nvm-node版本管理工具


(四)安装nvm版本管理工具

Ⅰ、推荐自定义路径安装【管理起来很方便】

不建议默认安装,会出现未知的问题

Ⅱ、【第一个路径为D:\\Program Files\\nvm

Ⅲ、【第二个路径为D:\\Program Files\\nvm\\nodejs

Ⅳ、执行install

Ⅴ、等待安装

Ⅵ、点击红框选中位置

Ⅶ、cmd 黑窗口 输入 nvm -V 查看是否安装成功,出现如下 证明安装成功。


(五)配置nvm淘宝镜像源【并解决文件夹权限问题

需要注意的是,到此步骤 需要格外注意 这里涉及到文件夹的权限问题,跟着操作步骤往下走即可。

找到nvm安装路径 D:\\Program Files\\nvm

添加如下代码:

node_mirror:http://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

此时会出现:


提示:你没有权限打开该文件,请向文件所有者或管理员申请权限


解决方式 如下操作流程;👇

Ⅰ、鼠标右键选择-属性

Ⅱ、勾选 完全控制

Ⅲ、点击应用按钮

注意:要勾选 组或用户名里的所有的权限


Ⅳ、出现设置安全信息,等待完成即可

在此过程中可能会出现部分提示 ,点击继续就行

Ⅴ、修改完权限以后,要继续配置nvm淘宝镜像源

再次打开settings.txt文件,添加如下:

node_mirror:http://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

(六)使用nvm 下载node

nvm install 14.13.1

(七)查看电脑是否安装成功node版本

nvm list

如提示:No installations recognized. 证明没有node环境

(八)检验node是否安装成功

此处注意:如出现提示:不是内部或外部命令,也不是可运行的程序 或批处理文件。 是因为没有nvm use 切换版本导致

(九)切换node版本号

nvm use 14.13.1

如遇到以下报错信息:

Ⅰ、可用 高级管理员 切换版本 win + x

Ⅱ、成功切换

Ⅲ、再次打开cmd 黑窗口进行测试 nvm list ,此时会看到版本号前显示星号 代表切换成功

  • 14.13.1 (Currently using 64-bit executable)

Ⅳ、再次执行node -v npm -v


(十)不使用nvm版本管理【直接下载node】

往期版本 | node.js



(十一)vue环境

Ⅰ、安装vue

显示 + @vue/cli@3.12.1 added 920 packages from 570 contributors in 56.241s 证明vue脚手架安装成功

npm install -g @vue/cli@3.12.1

验证脚手架 vue -V

3.12.1

Ⅱ、卸载vue

显示removed 837 packages in 13.741s 证明vue脚手架卸载成功

npm uninstall -g @vue/cli

📓精品推荐

🔋前端如何通过vue/cli脚手架创建vue项目

🔋Vue的引入方式,属性和计数器案例

🔋史上最全的Vue生命周期钩子函数11个

🔋vue中的data为什么是一个函数?起到什么作用?

🔋vue实现换一批业务【WoodenFish完整版】


木鱼谢语:感谢各位技术大牛们的点赞👍收藏🌟,每一期都会为大家带来快速适用于业务的文章,让大家做到cv即可。

以上是关于前端开发node.jsvue安装环境安装node版本管理工具-nvm,耗时一天时间踩坑总结的主要内容,如果未能解决你的问题,请参考以下文章

测试同学动手搭个简易web开发项目

VUE 安装&创建一个项目

前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案

使用ANTD前端开发——开发环境搭建(Windows)

工作环境标准:搭建前端 Vue 开发环境

devops持续集成开发——jenkins的全局工具配置之node环境安装及配置