前端基础操作1——利用nvm任意切换(管理)node版本

在实际前端项目开发过程中,同时开发多个项目或者切换新项目时,因为node版本问题造成项目无法运行的问题比比皆是,这时候通过nvm管理切换不同版本的node,就能很快进入开发模式,避免因为环境问题浪费大量精力,何乐而不为呢!

一.nvm是什么?

nvm全英文也叫node.js version management,是一个nodejs的版本管理工具。而nvm和n都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象,可以通过它管理和切换不同版本的node.js。

本文以windows系统为例讲解,Mac和Linux请自行参考下方网站配置。


二.下载安装配置nvm

1.完全删除卸载之前安装的node和npm

###1.在windows的cmd命令下,清理干净Node
npm cache clean --force 
###2.在应用程序下找到对应的node.js,点击卸载
###3.检查是否卸载删除干净,建议卸载之后重启电脑,无法使用命令即代表成功卸载
npm -v
node -v
 2.通过上方网站提供的方案下载并安装最新版本的nvm软件包

gitlab下载:https://github.com/coreybutler/nvm-windows/releases 

网盘下载:https://nvm.uihtm.com/download.html

下载完成之后双击安装,注意选择安装的目录即可。

3.安装完成后,找到nvm安装目录,修改settings配置如下,更换国内源

settings配置文件内容如下:

root: D:\front_dev\nvm
path: D:\front_dev\nodejs
nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm node_mirror https://npmmirror.com/mirrors/node/

4.构建项目运行

npm install --registry=https://registry.npmmirror.com

三.利用nvm管理使用node

1.首先验证nvm命令是否正常,并安装对应node版本进行测试

温馨提示:如果安装异常或者命令无法使用,请选择“以管理员份运行”cmd窗口

2.nvm常用命令说明
###查看当前nvm版本
nvm -v
###显示可供下载的node版本的部分列表
nvm list available
###下载安装node16.8.0
nvm install 16.8.0
###查看nvm管理的node版本(目前在用的标记为*)
nvm ls
###使用指定的node版本
nvm use 16.8.0
###卸载指定的node版本
nvm uninstall 16.8.0
###开启/关闭node.js版本管理
nvm on/off
###更多其他命令请参考中文网站

3.其他相关参考的网站

 https://www.jb51.net/javascript/299383ynh.htm

https://www.cnblogs.com/brucewang92/p/18036566

### Node.js 14 安装教程 对于希望安装特定版本Node.js 14的用户来说,可以通过官方推荐的方式进行操作。首先确认计算机上已有的Node.js版本是否为目标版本,这一步骤可通过执行`node -v`来完成[^3]。如果当前版本不是期望的Node.js 14,则建议卸载旧版并按照如下步骤重新安装。 一种简便的方法是利用nvmNode Version Manager),该工具允许在同一台机器上轻松切换不同版本Node.js。安装nvm之后,可以使用命令`nvm install 14`来指定安装Node.js 14版本。为了验证安装是否成功以及确保正在使用的确实是Node.js 14,再次运行`node -v`检查版本号。 另外,在Windows环境下可以直接访问[node.js官网](https://nodejs.org/)下载对应于Node.js 14 LTS版本的安装包,并遵循向导提示逐步完成安装过程。值得注意的是,安装过程中应勾选“Add to PATH”选项以便能够在任意位置调用Node.js命令行工具。 ### Vue 集成 使用指南 当考虑将Vue集成到基于Node.js的应用程序中时,通常会涉及到前端工程化的概念。借助Vue CLI这一官方提供的命令行接口,可以快速初始化一个新的Vue项目结构。在拥有适当权限的情况下,先全局安装Vue CLI: ```bash npm install -g @vue/cli ``` 接着创建新的Vue应用程序实例,期间可以选择预设配置或是手动挑选所需功能插件: ```bash vue create my-project-name ``` 上述命令将会引导用户进入交互式界面,从中可以根据个人需求定制化项目的初始设置,比如选择Babel、Router等附加特性。一旦项目框架搭建完毕,进入到该项目目录下启动本地服务器用于测试目的: ```bash cd my-project-name npm run serve ``` 考虑到前后端分离架构下的协作模式,往往还需要让Express这样的Node.js Web应用框架与Vue共同工作。此时可以在同一个Git仓库内分别建立两个子文件夹——一个存放后端API服务代码;另一个则放置前端页面资源。通过调整各自的服务监听地址和端口实现跨域资源共享(CORS),进而达成两者的无缝对接[^4]。 #### 关联技术栈说明 除了基本的Vue组件编写外,随着项目规模的增长,可能还会引入Vuex作为状态管理模式,以及Vue Router负责路由导航控制。这两者都是Vue生态体系里不可或缺的部分,有助于提升大型单页应用(SPA)的整体性能表现和用户体验质量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值