Sivarajan's Blog

SharePoint | Office 365 | Azure | JavaScript

SPFx Series 2 - Installing and Configuring Node.Js and NPM

Overview

Node.Js is a cross platform server-side JavaScript environment based on V8 engine. As a SharePoint developer, we enough to know that how to install and configure the Node.Js and Node Package Manager (NPM).

Installing Node.Js

Here we can find the latest Node.Js exe, https://nodejs.org/en/download/

07142016 - 1

I have downloaded the Node.JS version v4.4.7 (64 bit) which include the NPM 2.15.8. Click the node-v.4.4.7.msi file for trigger installation.

07142016 - 2

Follow the wizard instructions with default values and complete the installation. On successful installation, restart your machine to refresh the environment variables %PATH%.

Open the command prompt and try the following commands

07142016 - 4

If you are seeing the similar result in your screen then, you are good to go the next step.

Node Page Manager

Navigate the following link to get your packages like AngularJs, ReactJs, jQuery, etc.

https://www.npmjs.com/

We can install the npm packages globally and locally. Let’s see how to install TypeScript package globally.

Go to the site https://www.npmjs.com/ and search the word typescript. It will return typescript and typescript related packages. Later in the series, we will see how to use this in our project.

On click the typescript link, it will redirect to https://www.npmjs.com/package/typescript

Here you can find the how to install and uninstall instructions for typescript from our machine and try to install the typescript package globally.

> npm install –g typescript

07142016 - 5

Now lets see how to lists the installed packages,

07142016 - 6

Uninstalling the Node.Js and NPM

1. Uninstall from Programs & Features with the uninstaller.

2. Reboot (or you probably can get away with killing all node-related processes from Task Manager).

3. Look for these folders and remove them (and their contents) if any still exist. Depending on the version you installed, UAC settings, and CPU architecture, these may or may not exist:

C:\Program Files (x86)\Nodejs

C:\Program Files\Nodejs

C:\Users\{User}\AppData\Roaming\npm (or %appdata%\npm)

C:\Users\{User}\AppData\Roaming\npm-cache (or %appdata%\npm-cache)

4. Check your %PATH% environment variable to ensure no references to Nodejs or npm exist.

5. If it's still not uninstalled, type where node at the command prompt and you'll see where it resides -- delete that (and probably the parent directory) too.

6. Reboot, for good measure.

You can find the more details about uninstalling Node.Js form Mac

http://stackoverflow.com/questions/11177954/how-do-i-completely-uninstall-node-js-and-reinstall-from-beginning-mac-os-x

And you can find the more details about uninstalling from Windows

http://stackoverflow.com/questions/20711240/how-to-completely-remove-node-js-from-windows

Summary

Here we saw that how to install and configure Node.Js and NPM and also how to install the NPM package. Let’s see how to install the Visual Studio Code editor and configure the TypeScript and JavaScript IntelliSense.

Pingbacks and trackbacks (2)+

Add comment

Loading