How to Reliably Install Node.js Using NVM on MacOS

Carlos A. Blanco — Mon, 27 Jan 2020 22:06:19 +0000

Because JavaScript is an ever-growing programming language in terms of popularity and usability, so are the different ways of using its toolings such as Node.js. Let’s say you’re working on a new ReactJS app. You are most likely to end up using Node.js for the backend. More specifically, its core functionalities such as NPM. What if I told you there’s a reliable way of getting up and running with Node.js and, consequently, NPM?

Allow me to introduce you to NVM, or short for Node Version Manager. This tool allows us to have a more intuitive process when it comes to installing, maintaining and switching between the different versions of Node.js that are either stable releases or not. While it's still common practice to utilize tools such as Homebrew to install Node.js in your machine, I hope, with this article, to convince you not to.

In the introductory lines of this article, I mentioned using tools such as NPM (which comes bundled with Node.js) being common practice among professionals nowadays. What is not so often talked about, is how prone to errors you become when you use a package manager such as Homebrew to install Node.js and consequently another package manager which is, in this case, NPM.

Why not Homebrew

Personally, I have run into a multitude of bugs and errors when working with ReactJS and trying to install a given version of Node.js along with my project’s dependencies. Another reason why I decided to stop using Homebrew for my Node.js needs, is that while learning some React Native, the instructor I had been working with was using a different version of Node.js that I was. Naturally, I tried installing said version via Homebrew which led me to some good 30 minutes of tinkering around in an attempt to fix the versioning issues I was having. All in all, we shouldn’t be using a package manager to install another package manager.

Installing NVM

Note: While this is a niche article for users with specific needs, I’d like to keep it as beginner-friendly as possible, and as such, I have included how to install Xcode’s developer tools and how to uninstall Node.js via Homebrew in case someone out there has already installed it and wishes to undo the process. Skip the first step if you already have either Xcode or developer tools installed on your machine.

Fire up the terminal and type:
Uninstall any instances of Node.js via Homebrew. Type the following in the same order as they appear:
Use touch to create a “bash-profile” on your machine. Type:
Download NVM via wget. Type:
Refresh terminal's command path. Type:
Check which version of NVM got installed. This should produce an output with the version number. Type:

Installing Node.js Using NVM

First, let's list all versions available for download. This should produce an output with all Node.js versions. Type:
To install the latest stable version, as of early 2020, type:
Finally, let's check which versions of both Node.js and NPM are currently being used. Type:

Conclusion

With Node.js and NVM installed, you can now reliably use NPM and switch between its versions in a more efficient way. Whether you're working on that new ReactJS app or else, the NPM community has certainly got you covered with Node packages that can help you in your journey. Happy coding!

Getting started with customizing the terminal

Carlos A. Blanco — Mon, 23 Sep 2019 18:04:57 +0000

This tutorial will teach you the basics of terminal customization. I hope you can tag along so you can start customizing your terminal too. On a side note though: this post assumes you’re either using macOS or Linux. Additionally, I assume you have Git and Vim installed, and that you’re using a package manager such as Homebrew.

The Z Shell

In order to start making changes to the terminal, it's necessary to download and install a UNIX shell. More specifically, the UNIX shell we're using is a refined bundle of tools that allows us to make use of the terminal in a more specific way. Think of it as an improved version of the command line. In this case, we’re using Zsh, also known as The Z Shell, an open-source UNIX shell that has been used by thousands of users and also happens to be open-source. Refer to this piece of documentation on GitHub written by Robby Russel for a well-written in-depth guide on how to install Zsh.

It's always a good idea to execute the -- version command once the installation is complete. This helps us make sure the installation went through successfully. It should look like this:

Once you execute -- version, the output message should be similar to this:

Oh My Zsh

To make things even better, we’re also installing a framework manager that will help us, well, manage the configurations we judge necessary in the future. While Zsh is what allows us to start tweaking the terminal, Oh My Zsh is where the magic happens. It comes with more than 100 plugins and themes available which is more than enough customization for users like me. Because I have friends that love creating their own plugins and themes, it is also worth noting that Oh My Zsh is open-source. So, rest assured: if you happen not to find what you’re looking for in their catalog, you can certainly build it yourself!

I recommend installing it using cURL:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

However, you can also run Wget as opposed to cURL:

sh -c "$(wget -O- https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

During either of those two installation processes, you might get prompted with something like this:

To which you simply press y and hit enter.

At this point, any changes that you’d like to take effect on the terminal window you're using should be made on the ~/.zshrc file and not to ~/.bash-profile.

Useful Plugins with Zplugin

Because this is an introductory post, we’ll keep things simple. As such, we need to install Zplugin which brings useful tools such as command suggestions, auto-completion, and syntax-highlighting.

Execute the following via cURL:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/zdharma/zplugin/master/doc/install.sh)"

Once the installation is complete, the output message should be similar to this:

Now, for this next step, we will be using Vim. If you don't have much experience with Vim, it's highly recommended that you practice a bit before continuing. The reason being, it’s not hard to mess something up while using it if you don’t know what you’re doing.

Open ~/.zshrc using Vim:

At the end of the file, find the line that reads “###End of Zplugin installer’s chunk” and add the following:

Since we’re using Vim, once those three lines are added, simply press ESC, and :wq.

Done! You now have command suggestions, auto-completion, and syntax-highlighting.

Installing Your First Theme

I just so happen to be using the so-called “Dracula" theme made available by Zeno Rocha. Check it out using this link.

Before you start the installation process though, you might need to go through an extra step. That is if you’re using macOS. To agree with Xcode's license agreements, execute the following:

sudo xcodebuild -license

Once you have agreed to Xcode's license agreements, it’s time to clone the Dracula theme into Oh My Zsh’s folder:

Now, let’s edit ~/.zshrc once again using Vim, and set it Dracula:

Final Thoughts

Once everything is fully installed, I recommend restarting your machine so that we can make sure the CPU is refreshed and that the changes we made throughout this tutorial can take effect. As a software developer myself, I sure spend a considerable amount of time using the terminal. Tailoring it to my needs only makes sense - and you should, too!

DEV Community: Carlos A. Blanco