{"id":60205,"date":"2024-03-06T09:30:08","date_gmt":"2024-03-06T04:00:08","guid":{"rendered":"https:\/\/www.tothenew.com\/blog\/?p=60205"},"modified":"2024-11-28T23:48:47","modified_gmt":"2024-11-28T18:18:47","slug":"node-version-using-nvmrc","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/node-version-using-nvmrc\/","title":{"rendered":"Node Version Using .nvmrc"},"content":{"rendered":"

Introduction<\/h3>\n

When we are working with multiple Node.js and React.js projects<\/a>, managing different Node versions will be very challenging. There is a tool that is simple and powerful that saves us from version-related problems which is the .nvmrc file. This tool ensures that every React.js and node.js project uses the right node version. Here we will discuss how to create and use of .nvmrc file.<\/p>\n

Before going to create a .nvmrc file, Please make sure nvm should be installed in the system<\/em><\/strong><\/p>\n

What is nvm<\/strong><\/h2>\n

NVM stands for Node Version Manager it’s an open-source version manager for Node.js. With the help of the nvm tool, we manage multiple installations of Node.js on a single machine, and it allows developers to switch between different versions of Node.js.<\/p>\n

How to install nvm in Ubuntu<\/h3>\n

Step 1:-
\n<\/strong>Please make sure the system is updated by running the below command<\/p>\n

sudo apt update<\/strong><\/em><\/pre>\n
Step 2:-<\/strong>
\nDownload and install NVM using curl<\/p>\n
curl -o- https:\/\/raw.githubusercontent.com\/nvm-sh\/nvm\/v0.35.3\/install.sh | bash<\/strong><\/em><\/pre>\n
Step 3:-<\/strong>
\nHere, we will check whether NVM is installed or not<\/p>\n
nvm --version<\/strong><\/em><\/pre>\n
Step 4:-<\/strong>
\nOnce Installation of the NVM is done, we can install a specific node version.<\/p>\n
nvm install <nodeverion><\/strong><\/pre>\n
Step 5:-<\/strong>
\nBelow the command, we can all install the node Version.<\/p>\n
Step 6:-<\/strong>
\nHere, we can switch to the Node.js version based on the requirements.<\/p>\n
nvm use v16.02.0<\/strong><\/pre>\n
What is a .nvmrc File?<\/h3>\n
The .nvmrc<\/strong><\/em> file is a simple text file that configuration file for nvm<\/em><\/strong> (Node Version Manager). It’s used to install and manage the node.js versions. The .nvmrc<\/strong><\/em> will be available on your project\u2019s root directory. Here, we can instruct nvm to switch to the specific Node.js version required for that project<\/p>\n
Creating and Using .nvmrc<\/strong><\/h4>\n
Step 1:-<\/strong><\/p>\n
Go to the terminal and navigate to the root directory of your project; after that, create a new file, and the name will be .nvmrc<\/p>\n
Step 2:-<\/strong><\/p>\n
Open the .nvmrc; whatever node version is required in your project, you can put it here and save it. eg:- here we have node 16.20.2 require in our project<\/p>\n
<\/p>\n
As you can see in the above pic, our default node version is v16.15.0,<\/strong> but the requirement is 16.20.2<\/strong>. So here we will create a .nvmrc<\/strong><\/em> root directory of the project, and Inside the .nvmrc file, simply write 16.20.2<\/strong>, After that, we will use the nvm use command.<\/p>\n
<\/p>\n
<\/p>\n
In the above image, you can see a specific node version if the node version is not available then; with the help of nvm install v16.20.2,<\/strong><\/em> we can install a specific node version<\/p>\n
<\/p>\n
You can see in the above pic, Now with the help of the nvm use<\/strong><\/em> command, we can switch the specific node version<\/p>\n
Conclusion<\/h3>\n
First, you have installed the nvm and learned to manage the node version with the .nvmrc file. The .nvmrc file is an effective and powerful tool that can manage the Node.js versions. With the help of the above steps, you and your team member can use the same node.js version<\/p>\n
Thanks for reading! Check out our other blog posts<\/a> for more insights.<\/p>\n
<\/div>","protected":false},"excerpt":{"rendered":"
Introduction When we are working with multiple Node.js and React.js projects, managing different Node versions will be very challenging. There is a tool that is simple and powerful that saves us from version-related problems which is the .nvmrc file. This tool ensures that every React.js and node.js project uses the right node version. Here we […]<\/p>\n","protected":false},"author":1709,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":3277},"categories":[1439,4684,1185,3038],"tags":[1186,1124,4857],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/60205"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/1709"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=60205"}],"version-history":[{"count":3,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/60205\/revisions"}],"predecessor-version":[{"id":68845,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/60205\/revisions\/68845"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=60205"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=60205"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=60205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}