VSCode中打开NodeJS项目自动切换对应版本的配置

vscode,打开,nodejs,项目,自动,切换,对应,版本,配置 · 浏览次数 : 137

小编点评

## 解决方案: 1. **安装VSCode插件vsc-nvm**: * 在VSCode的搜索中输入“vsc-nvm”。 * 点击搜索结果中的“Install vsc-nvm”。 * 按照屏幕上的说明安装插件。 2. **创建文件.nvmrc**: * 在项目根目录下创建一个文件名为 `.nvmrc`。 * 在文件中添加版本号,例如:`v10.13.0`。 * 保存文件并关闭VSCode。 3. **在项目根目录下创建文件.nvmrc**: * 内容应该为版本号,例如:`v10.13.0`。 4. **重启VSCode**: * 关闭VSCode,重新打开。 5. **使用VSCode自动切换NodeJS版本**: * 在代码中使用`nvm use`命令切换版本,例如: ``` nvm use 10.13.0 ``` * 现在就可以使用`nvm use`命令在不同的项目中切换版本了。 **注意:** * 你需要安装`nvm`才能使用该插件。 * 你需要在VSCode中安装`nvm`插件才能使用该插件。 * 你需要创建一个名为 `.nvmrc` 的文件,并添加版本号。

正文

这几年搞了不少静态站点,有的是Hexo的,有的是VuePress的。由于不同的主题对于NodeJS的版本要求不同,所以本机上不少NodeJS的版本。

关于如何管理多个NodeJS版本,很早之前就写过用nvm来管理的相关文章,这里就不赘述了,有需要的可以看这篇Node.js环境搭建

虽然有了多版本管理,但是默认版本只有一个,所以很多时候,在用VSCode打开不同项目的时候,还需要用nvm use来切换不同的版本使用。显然一直这样操作很麻烦,而且容易忘记什么项目用什么版本。

所以,最好就是能打开项目的时候,自动就切换到对应的NodeJS版本。

要实现这样的效果只需要下面两步:

第一步:安装VSCode插件vsc-nvm

第二步:在项目根目录下创建文件.nvmrc,文件内容为版本号,比如:

v10.13.0

完成配置后,关闭VSCode,再重新打开,可以看到终端自动打开,并执行了nvm use命令,实现了NodeJS版本的自动切换

好了,今天的分享就到这里,希望对您有用。码字不易,欢迎转载,但请附上本文链接~

欢迎关注我的公众号:程序猿DD。第一时间了解前沿行业消息、分享深度技术干货、获取优质学习资源

与VSCode中打开NodeJS项目自动切换对应版本的配置相似的内容:

VSCode中打开NodeJS项目自动切换对应版本的配置

这几年搞了不少静态站点,有的是Hexo的,有的是VuePress的。由于不同的主题对于NodeJS的版本要求不同,所以本机上不少NodeJS的版本。 关于如何管理多个NodeJS版本,很早之前就写过用nvm来管理的相关文章,这里就不赘述了,有需要的可以看这篇[Node.js环境搭建](https:/

自动旋转ROS小车(rviz+urdf+xacro)(附加python操作键盘控制小车运动)

博客地址:https://www.cnblogs.com/zylyehuo/ 成果图 STEP1 创建工作空间 mkdir -p car_ws/src cd car_ws catkin_make STEP2 在vscode中准备需要的文件夹 右键src,点击Create Catkin Package

使用 Docker 部署 VS Code in The Browser

1)介绍 GitHub:https://github.com/coder/code-server 在日常学习工作中,Vscode 已成为我们首选的代码编辑器。然而,其局限性在于当我们从家到公司移动时,难以保持连续的编码体验。针对这一痛点,虽然市面上已有如 Visual Studio Codespac

APP中RN页面热更新流程-ReactNative源码分析

平时使用WebStorm或VSCode对RN工程中的文件修改后,在键盘上按一下快捷cmd+s进行文件保存,此时当前调试的RN页面就会自动进行刷新,这是RN开发相比于原生开发一个很大的优点:热更新。 那么,从按一下快捷cmd+s到RN页面展示出最新的JS页面,这个过程是怎样发生的呢?下面根据时间顺序来

在鼠标右键菜单中新增新建Markdown文件选项(VSCode)

引言 正常情况下,我们新建md文件有两种方式:一是通过Markdown编辑器新建,二是新建txt文件再修改后缀。 但是在Windows系统中,我们可以通过修改注册表来新增右键菜单选项。这里我们可以通过修改注册表来新增新建Markdown文件选项,这样可以减少新建文件的繁琐操作。 下面就来演示在Win

vue 中安装并使用echart

本文为博主原创,转载请注明出处: 1.安装echart 依赖: 安装命令: npm install echarts --save 在vscode 的终端窗口进行执行,如图所示: 执行完之后,查看 项目中的echart 版本依赖是否添加成功: package-lock.json 中有具体的echart

vscode插件

自用 vscode 插件 1. EditorConfig for VS Code editorconfig 用来定义编辑器的编码格式规范,编辑器的行为会与 .editorconfig 文件中定义的一致,并且其优先级比编辑器自身的设置要高。 简单说明:在项目根目录下创建 .editorconfi 文件

各大插件市场智能助手评分榜出炉!百度Comate稳居第一

近日,在VSCode、Jetbrains等各大插件市场智能助手评分榜中,百度Comate分别以4.5和4.4位列第一,通义灵码位居第二、第三,CodeGeeX、iFlyCode、aiXcoder、GitHub Copilot等跟随其后。 从外界获悉,百度Comate自发布以来,得到了广大程序员们的好

基于VS Code的JSDoc的使用指南

本文描述VS Code中JSDoc的使用指南

VS Code常用快捷键

前言 对于开发者而言,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。以下是我整理的一份VS Code常用快捷键清单,希望能够帮助到你,欢迎在评论区留下你的常用快捷键🤞。 设置VS Code中的键盘快捷方式 Ctrl + K + S 常用快捷键 快捷键描述 Ctrl + Shift + P