245

Is it possible for VS Code to use node version specified by NVM?

I have 6.9.2 installed locally. Even after switching to another version, from the OS X terminal (not the VS Code terminal), restarting VS Code, VS Code still shows using 6.9.2.

OS X terminal

MacBook-Pro-3:~ mac$ node -v v7.8.0 

VS Code Terminal

MacBook-Pro-3:QB-Invoice-API mac$ node -v v6.9.2 
2
  • Related (and possible duplication): stackoverflow.com/questions/24585261/… Commented Oct 2, 2017 at 2:37
  • For anyone using a Macbook, if you've tried to set the default version and VSCode is the only one not using the new default, try quitting completely the VSCode instance and re-open a new one, otherwise it will still remain in the background, thus, there will be no updates regarding the terminal. Commented Aug 27 at 12:14

36 Answers 36

238

The solution is to set alias default. In the OS terminal run -

nvm alias default 7.8.0

Open vscode, now running node -v returns 7.8.0

It seems vscode takes up this (alias default) value and not the node version that is set by nvm use X.X.X

Restart VS code for it to pick up the changes.

Sign up to request clarification or add additional context in comments.

15 Comments

This worked for me as well, but there should be an easily way to specify the path to node globally for VSCode.
This did not work. After aliasing, I have to use nvm use default everytime I use a new terminal
I had to remove my brew-installed version of node before this worked.
I'm running VS Code with WSL. After setting the default alias, it is necessary to restart VS Code to get it to pick up the change.
If this doesn't work for you, make sure you're creating new terminal after VS Code restart. If VS Code restores your previous console context it doesn't pick up the new default node version.
|
216

In VS Code:

  • go to your launch.json file
  • add the runtimeVersion attribute inside configurations as shown below

In this example, we are assuming 4.8.7 is already installed using nvm:

{ "version": "<some-version>", "configurations": [ { "type": "node", "runtimeVersion": "4.8.7", // If i need to run node 4.8.7 "request": "launch", "name": "Launch", "program": "${workspaceFolder}/sample.js" } ]} 

10 Comments

I was going to ask how Code knows where to find this version, but apparently, this option was added specifically for nvm. code.visualstudio.com/docs/nodejs/…
Where is the launch.json file?
@PetrusTheron if you don't have one already, you'll have create one. There are instructions here: code.visualstudio.com/docs/editor/debugging#_run-view
Setting "runtimeVersion" to "default" solved mine.
That looks super promising, but does not work for me. may need to update nvm, I donno.
|
79

add runtimeExecutable to your .vscode/launch.json like this

{ "type": "node", "request": "launch", "name": "App", "program": "${workspaceRoot}/index.js", "runtimeExecutable": "${env:HOME}/.nvm/versions/node/v6.9.2/bin/node" } 

4 Comments

@Kiong you can create new file and copy the content above to it
do I create the launch.json file in the root of my project?
@Kiong create directory ".vscode" at the root of your project then create "launch.json" inside it.
Like this? "runtimeExecutable": [ { "type": "node", "request": "launch", "name": "App", "program": "${workspaceRoot}/index.js", "runtimeExecutable": "${env:HOME}/.nvm/versions/node/v14.15.4/bin/node" }
51

Some of the answers provided are correct and upvoted, but somewhat incomplete. This procedure worked for me:

  1. Open the terminal window inside VS Code and run node -v. You'll get for instance v10.12.0.
  2. Open a terminal window outside VS Code Change your node version with nvm (ie. nvm use v12.14.0)
  3. Cmd+ Shift + p and choose Preferences > Open Settings (JSON)
  4. Add "terminal.integrated.shellArgs.osx": [] to your user config
    • Note: This is deprecated as mentioned in the comments . Pass args into your settings.json "terminal.integrated.profiles.[osx|windows|linux][nameOfShell].args=['--login'] (as seen here)
  5. Cmd+ Shift + p and choose Shell Command: Install 'code' command in PATH
  6. Close VS Code.
  7. Open a terminal window and run code. This will open VS Code with a new and updated bash / zsh session.
  8. Open the terminal window inside VS Code and run node -v. You'll get v12.14.0.

Bonus: If you always want to get a particular node version on VS Code's terminal, set it as default by opening a terminal window outside VS Code and running:

nvm alias default v12.14.0 

5 Comments

This did not work for me. Still set to 12.19 when nvm version is 14.16, will try the nvm default method next.
Thank you so much! Small suggestion. The setting property is deprecated. In my case this worked: "terminal.integrated.defaultProfile.osx": "zsh"
This was my solution, with Sanchito's update. Thank you very much
In VSCode it's now called Preferences: Open User Settings (JSON) or Preferences: Open Default Settings (JSON)
I've got 122 services - I don't want to bind a specific version of the node to VSCode but respectively the one that is currently active in the workspace.
47

I had the same problem of being unable to keep my node version specified trough nvm in my OS X environment not only with VSCode but also with Atom Editor (using the platformio-ide-terminal package for managing the integrated terminal in it). None of the suggestions in the previous answers worked for me, besides me not using the debugger but using gulp and grunt for specific tasks. Apparently nvm does not get along with the integrated terminals or sub shells at least in these editors because when loading them the environment variable $PATH is modified internally and does the following according to a comment by one of the contributors of this package in this issue reported here NVM fails to load within nested shell #1652:

" @charsleysa I know why nvm is throwing this error. In your subshell, somehow the /usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin part of your PATH has been moved from the end of the PATH to the start.

  • When nvm is then started, it calls nvm_change_path (my contribution changed it to this from nvm_prepend_path), which modifies the nvm-relevant part of the path in place.
  • Nvm then checks the current npm prefix by asking npm what it is. Since /usr/local/bin/npm now has precendence, it reports /usr/local/bin.
  • Nvm then checks whether the current prefix as reported by npm is in the directory tree of the current nvm node version (at this stage, the installation directory of the node version your default nvm alias resolves to).
  • The prefix is not part of that tree, so it deactivates itself (calling nvm_strip_path in the process, which is why there's no nvm-related path in your subshell's PATH), and bails with the error you're getting. macOS's /etc/profile (or /etc/zprofile) calls /usr/libexec/path_helper, which does the PATH switcheroo.

In the parent shell, the PATH doesn't yet have an nvm dir in it, so by the time nvm runs, it prepends its directory to the path. But in the subshell, PATH has been reconfigured by macOS to put any non-system directories at the end and we have the problem."

I was always getting this message when launching any integrated terminal:

nvm is not compatible with the npm config "prefix" option: currently set to "/usr/local" Run npm config delete prefix or nvm use --delete-prefix vx.x.x --silent to unset it.

What I did to solve this in my case was the "workaround" part of that same issue reported, which is to reset the path by adding the following line inside my ~/.bash_profile at the very top before anything else:

PATH="/usr/local/bin:$(getconf PATH)" 

And after that no more warnings when I launch any integrated terminal on both editors and I can interact with nvm to switch between any node version easily and without problems at all.

Here it is another alternative just in case this one doesn`t help that much.

2 Comments

This should be the accepted answer. I was previously setting the runtimeVersion in launch.json but that only sets the node version for a specific task. This works throughout the integrated terminal instance. Thanks! NB. I had to set the PATH var in .zshrc since I'm using zsh for it to work
After reading the alternative link provided - which suggested the problem was with nvm and the way it handles subshells - i updated nvm to v0.34.0 and it works without the reset path workaround.
38

Lots of complicated answers here. In my case, this was caused by Node previously having been installed. Fixed it by deleting the following directories:

rm -rf /usr/local/bin/npm rm -rf /usr/local/bin/node 

Then running nvm use default in VS Code to pick up the Node version installed by nvm.

7 Comments

definitely the solution that worked for me as well, assuming you already have nvm installed properly.
Worked for me, by far the easiest fix, should be the accepted one.
This worked for me after closing and reopening VS Code. Thanks!
This is what worked for me. Make sure to delete npx as well. rm -rf /usr/local/bin/npx
I'm also using NVM to manage my Node versions, but maybe I've installed an old Node version independently before started using NVM. Removing the previous Node version with rm -rf /usr/local/bin/node did the job for me. Thanks.
|
32

I am using oh-my-zsh and it too was not using the node version specified by nvm. Tried several suggestions posted here, but the only way I managed to resolve this issue was by adding the following line to the top of ~/.zshrc

PATH="/usr/local/bin:$(getconf PATH)" 

6 Comments

I am also using oh-my-zsh and only this solution worked for me. thank you so much. Now I don't have to change node version every time I open VS Code.
I had the same issue, since macos switched to zsh after nvm (and the vscode plugin) was already installed and working. By the way, I had to restart VSCode (not just reload) to refresh the env.
This was the only one that worked for me. Thank you!
using the named aliases was working as a workaround for this issue, but this is the only thing that's actually solved the issue for me.
Same, this is the only thing that worked me.
|
27

I had the same problem, but the above answers didn't help.

Apparently the default shellArgs for osx are set to bash while I'm using zsh. I solved the problem by setting the shellArgs in my user settings to an empty array:

"terminal.integrated.shellArgs.osx": []

1 Comment

If which node is different from cli than vscode, this is your solution! 🚀
26

A alternative solution I've found is to simply launch code from the shell after you pick your node using nvm.

You need to first open the command pallet and select "install 'code' into path".

enter image description here

And then launch a terminal and select your node via nvm and then launch "code".

enter image description here

4 Comments

I used this, and found out that if you go to the VScode tool bar and bring up the 'about' page, it is still displaying the old version, but if I use the command line, it will tell me it is pointing to the upgraded version, so it sort of works.
This requires one to close VSCode and restart it from the command line to work effectively.
Accepted answer didn't help, but running nvm use default in VSC afterward did. Thanks!
So my issue was just to launch VS code with the version specified exactly in project's nvmrc. At the same time I don't want to change default nvm version, because I need a separate node version only for one project. Opening VSCode directly from the project directory with npm use solved my problem. Thank you a lot!
15

In case you'd like to set the Node version for your Visual Studio Code NPM script runner, here's what works on a per-project basis. So, without having to set global nvm defaults.

By "NPM script runner" I mean the hover-and-execute-scripts functionality directly in package.json:

Visual Studio Code NPM script runner

Step-by-step

  1. Place an .nvmrc file containing the project's Node version into the root folder of your project.

  2. Enable automatic environment as described here: https://github.com/nvm-sh/nvm#deeper-shell-integration.

  3. Open VS Code's settings.json and define your preferred shell (in my case, it's zsh). For the automation profile, it's important to define a login and interactive shell (arguments -l and -i):

 "terminal.integrated.automationProfile.osx": { "path": "/bin/zsh", "icon": "play", "args": ["-l", "-i"], }, "terminal.integrated.profiles.osx": { "bash": null, "zsh": { "path": "/bin/zsh", "icon": "star", } }, 

Result

Opening a new shell triggers NVM (The icons show which setting is working):

enter image description here

And running an NPM script triggers NVM:

enter image description here

enter image description here

Cheers!

7 Comments

Exactly what I was looking for, to have nvm settings automatically respected in my VS Code React Native project, thanks!
The other answers dont work for npm script runner tasks in vs code. This answer works because of the terminal.integrated.automationProfile.osx field. Thanks.
I copied these settings verbatim, the integrated profile worked but the automationProfile did not. After much experimentation I realised it was my installation of fig.io. As I still want Fig to run in my vscode terminal I was faced with a conundrum. My solution is to use the login "args": ["-l"] for automationProfile and then in .zprofile (which is only called in login mode) wrap the Fig bits in this if [ "${TERM_PROGRAM}" != "vscode" ]; then # Fig pre block. Keep at the top of this file. ... fi
2024 - it's still the answer. Thank you @niels!
bravo, this works like a charm
|
13

I had this same issue and I found a strange workaround that may be helpful to someone else in the future.

If I do not set eslint.runtime my system was running node v10.11.0 for eslint server, whereas I wanted it to be running v12.13.0 which I had installed and made default via nvm.

I found that the v10 version of node was installed by brew based on @franziga's answer but my desired version of node was installed by nvm. So, I uninstalled v10.11.0 via brew and closed/reopened VS Code. Strangely, eslint was still reporting that it was started using v10.

I tried running a shell without any changes to my PATH in any startup scripts, and the version of node was still correctly pointed to v12 as expected, but VS code still starts up v10 for eslint.

I'm not sure how to check the path of the executable that is being run by eslint, and if I open an integrated terminal everything works fine with the expected version of node (v12).

Solution (for me):

I found that if I set "eslint.runtime": "node" in settings.json that it will now use whatever version of node was active when I opened vscode using code . on the terminal. Just "node" - no path.

4 Comments

This solution helped me the best. I didn't need to open code from terminal either.
This solution works well on Windows too, as setting that runtime parameter appears to make eslint look at the system path variable to resolve the node binary rather than using the internal version included with vscode.
SO HARD TO FIND THIS, UNBELIEVABLE.
Kind of disappointing that the eslint extension DOESN'T use the node it finds on the path by default.
10

Setting the default alias only worked for me after closing all instances of VS Code. Simply reloading the window wouldn't work. nvm ls would show the default alias set correctly but would keep using the version set when VS code was first opened (across all windows).

There's also the issue of having multiple node versions across repos, which is really what nvm is meant to solve. In the end I added the following to the bottom of my .zshrc file:

 [ -s "./.nvmrc" ] && nvm use 

Essentially when a new shell starts, it checks to see if a non-empty .nvmrc exists in the current directory and if so, uses that version. If that version is not installed you will get a message saying so. After running nvm install it should load properly in all new terminal sessions.

You can also use the automatic version switching on directory changes shown in the nvm README as @asiera pointed out. Although a project terminal will typically always open in the same directory as your .nvmrc file, so this solution is a bit simpler and only runs on terminal startup.

1 Comment

This provided the most seamless experience for me. I can place .nvmrc files in my projects that rely on different Node versions. The contents of the .nvmrc should be exactly the version and nothing else. i.e. "v14.20.1". I added the above shell snippet into my .bash_profile and .bashrc files, since there was some issues with VSCode and when integrated terminals were loaded.
7

Particularly with the shell I had no problems, but you may:

I had issues with vscode itself and no solution could help me. So I finished using the following launch script.

 { "type": "node", "request": "launch", "name": "Launch Program", "program": "${workspaceFolder}/server.js", "runtimeExecutable": "/bin/bash", "runtimeArgs": ["-c", ". ~/.nvm/nvm.sh;nvm run default \"$@\"", "dummy"] }, 

this assumes you have it configure for bash (otherwise change it to your shell) and you want to use the default node version as configured by nvm (you may also change it).

Note: The "dummy" parameter is required so the rest of the parameters are properly parsed.

A longer explanation of "dummy": Shell scripts use positional parameters where the first one will be the script location itself (addressed by $0), when using the -c flag the script is read inplace an there is no $0 being set. vscode will pass some arguments, like the node start script location which will be wrongly interpreted, so "dummy" pushes all parameters one spot. It can be just anything, but it must be there.

Comments

6

I found that setting the node version locally in a sub shell before calling code works well, while not changing the version in the current shell, e.g.

$ (nvm use 14; code .) 

Therefore, to make it work transparently for any project folder, create a file .precode in the project folder with shell commands to source before starting code - e.g.,

nvm use 14 

Then add to ~/.bashrc

pre_code(){ if [ $# == 1 ] && [ -f ${1}/.precode ] ; then echo "(source ${1}/.precode ; `which code` ${@})" (source ${1}/.precode ; `which code` ${@}) else `which code` ${@} fi } alias code='pre_code' 

(Note: Run source ~/.bashrc in any shell opened before the edit in order for the edit to take effect.)

Then, assuming the necessary file ~/myproject/.precode exists, starting code with

$ code ~/myproject 

will result in some diagnostic output on the shell, e.g.

source github/myproject/.precode Now using node v14.15.1 (npm v6.14.8) 

as well launching a new vscode window with the correct node version in the terminal window and debugger. However, in the shell from which it was launched, the original node version remains, e.g.

$ node -v v12.19.1 

Comments

5

I tried all the suggested solutions but nothing was working.

/usr/local/bin/node was pointing to somewhere. i made a symlink to a specific nvm node folder and that was solving the issue for me:

ln -s /Users/mad/.nvm/versions/node/v11.1.0/bin/node /usr/local/bin/node 

2 Comments

It's working, but how to automate this process after using 'nvm use'?
This is working for me, apparently I have a different version in /usr/local/bin/node
5

I have the same problem and I found that I have node installed by brew and nvm. I uninstalled node installed by brew and the versions on both terminal and visual studio code are the same now.

Comments

5

After reading this thread and testing almost all suggestions, I found a very simple solution if you are using nvm: Add nvm use in the command.

It's gonna take a little more time to start the debugger, but it is worth it to me because now I don't have to execute nvm use and open Vscode by the terminal every time I start working on a different project.

Here is my .vscode/launch.json file. Good luck!

{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "command": "nvm use && yarn start", "name": "Launch", "request": "launch", "type": "node-terminal", }, ] } 

1 Comment

You could also add [ -s "./.nvmrc" ] && nvm use to your ~/.bashrc or ~/.zshrc to achieve the same affect on all projects. Precheck for .nvmrc so no command issued for projects that don't have one
4

You don't need to modify your default node version. The following example assumes that node 6 is your default version and you want VSCode to reference version 7 of node:

# open a terminal instance nvm use 7 code . # or project folder instead of "." # when VSCode start, you may use ctrl+` to open the integrated terminal # then check the node version in the integrated terminal node -v # should print 7 

Comments

4

So, your nvm is configured well, but other version of node STILL keeps taking over?

Remove all non-nvm versions of node:

  1. brew uninstall --force node (yarn will be fine without system node)
  2. Other version installed from pkg or other non-nvm method
  3. Re-login. Now, nothing can be fighting for path with nvm no matter how is shell launched.

Note: When installing/upgrading yarn, use brew install yarn --without-node

2 Comments

For the love of Pete, there is no need to use brew to install node. It has a native installer! nodejs.org/en/download
@jnovack My answer covers uninstalling brew-installed version of node. Please re-read it. Additionally, using brew to install node is quite fine for people who don't need nvm and has advantages over native installer.
4

I wanted the solution to be workspace specific and not requiring any action on my part (not having to redo nvm use <version> each time i start a terminal) The solution I found:

  1. create the .nvmrc file at the root of my project that old the node version I want to use as stated in nvm ReadMe
  2. adding the automatic activation script in my ~/.zshrc also in the ReadMe (bashrc script also in the readme)

3 Comments

When I add this script to my .zshrc I get the "Unable to resolve your shell environment in a reasonable time" error from VS Code
when you do nvm version in your terminal, does it work?
For a more lightweight solution just add [ -s "./.nvmrc" ] && nvm use to the bottom of your .zshrc, .bashrc etc
4

Posting it in June 2023 because there are lots of answers telling to re-install node and asking to make lots of configuration changes. In fact the solution is just to Restart your VSCode!

Just make sure that your Mac/PC Terminal have the default node version set as per your need and then restart the VSCode. Best tool to switch between the Node Versions is NVM.

  1. You can check your available NODE Versions just by doing nvm list
  2. Set the Default using nvm alias default v18.00.0.
  3. Or install different version of Node using nvm install v18.00.0

Cheers!

2 Comments

Should be the top answer, can save so much time
YES! I was closing and reopening terminals while in the same VS Code session and kept getting back to the old node version. I just restarted VS Code now, and have the correct (default) version. This is so stupid!
3

VSCode Shell args seems to be deprecated, here's update using profiles in VS Code's settings.json:

This gets rid of the -l terminal argument turning it into an interactive shell vs a login shell.

"terminal.integrated.profiles.osx": { "zsh (normal - me)": { "path": "zsh", "args": [] } }, "terminal.integrated.defaultProfile.osx": "zsh (normal - me)" 

Thanks! the answers here for explanation and here for old args way:

2 Comments

For me setting just this worked:"terminal.integrated.defaultProfile.osx": "zsh" no need of "terminal.integrated.profiles.osx"
Note that you'd need to explicitly set the "args" to be an empty array. Removing "args" completely will not flush the old values. (This turned out to be the only solution that helped my case)
3

following solution worked for me

  1. first install and use the desired node version with nvm with these commands: nvm install v16.13.1 and nvm use v16.13.1.
  2. then get the pathname of the currently using node with which node command on Linux. it will be something like this /usr/local/nvm/versions/node/v16.13.1/bin/node
  3. finally use this pathname in launch.json for runtimeExecutable option.

the launch.json file

{ "version": "0.2.0", "configurations": [ { "type": "pwa-node", --> "runtimeExecutable": "/usr/local/nvm/versions/node/v16.13.1/bin/node", "request": "launch", "args": ["testcode/hunter.js","127.0.0.1:9229"], "name": "Launch Program", "skipFiles": [ "<node_internals>/**" ], "program": "${workspaceFolder}/index.js" } ] } 

Comments

3

According to the docs of nvm, you need to add this code snippet to your ~/.bashrc, ~/.profile, or ~/.zshrc file, so open the file and paste this in, restart vscode and enjoy nvm

export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion 

source: https://github.com/nvm-sh/nvm#manual-install

Comments

3

Crazy this is still an issue in 2025 (soon).

I use VSCode remote with zsh, and my .zshrc is in order, so nvm works as expected in normal terminal sessions, but not in VSCode. None of the previous answers helped, as I kept observing VSCode adding old node version to $PATH variable in each new terminal session.

Two brand new solutions found:

SOLUTION 1

In VSCode settings disable Inherit Env, and new terminal sessions will have node version set by nvm. However, this probably could break some python venv-related stuff, so I re-enabled this setting and kept digging.

vscode inherit env setting

SOLUTION 2

Simply use nvm to uninstall your previous node version, and VSCode somehow picks up on that and offers new version from that moment on:

nvm alias default 22.11.0 nvm use default nvm uninstall 21.7.3 

1 Comment

This did not work for me.
2

For me I simply did:

# in a separate terminal (i.e not in VScode teminal) nvm install <node version> 

then in VScode terminal:

nvm use <the node version you installed> 

Comments

1
sudo rm -rf /usr/local/opt/node@<YOUR_NODE_VERSION> 

then restart the Visual Code

2 Comments

This is bad. Using rm command means you're deleting a file. Why would you delete the node?
this fixed things on my mac
1

If one uses nvm, then this may work out:

In vscode setting.json change typescript key like this:

 "code-runner.executorMap": { // "typescript": "ts-node", "typescript": "node -r ${NVM_BIN}/../lib/node_modules/ts-node/register", 

If it works for you, then here is my explanation.

First I tried to just put it

${NVM_BIN}/ts-node/register

but that didn't work. Then I looked inside the directory and found out that ts-node there is a symlink:

ts-node -> ../lib/node_modules/ts-node/dist/bin.js 

So, I guess that is why plain 'ts-node/register' is not resolving properly, because it actualy becomes 'ts-node/dist/bin.js/register' which shouldn't work.

Hope that might help someone.

Comments

1

If none of this answers worked for you,

If you have previously installed node by downloading and unzipping it. Go to usr/local/lib and there will be this guy sitting around named nodejs.

Kick him out.

And set nvm alias default to preferred version again. That's it, happily ever after. At least worked for me though.

2 Comments

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.
Finally got a proper solution for this. I had a random npm version in /usr/local/lib that VS Code was defaulting to, which then messed up the other things.
1

I needed to vs code to be aware of the node version, not the terminal. Starting code from a terminal is an option, but if you forget...

A much more flexible way is to use automator to create the environment you need before starting vs code.

Run Automator and start a new Application project. Just add a Shell-Script (under Utilities) and add the following line to create a "normal" (login+interactive) shell, where you may start code:

zsh -lic code 

This is how it looks like: automator-shell script

Save it in your Application folder with a name you'l find it every time you look for vs code (I either type vs or code, so I called it "vs code runner")

The bonus here is that you can apply other configurations too. the idea is the same:

  1. setup the environment
  2. starat code

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.