Node under window JS installation, environment configuration, setting Taobao image

One 、Node.js Installation

Chinese net :Node.js

About Node.js Installation , Environment configuration , In fact, there are many good articles on setting image source on the Internet , Here we combine our own operation , Make a summary record of your practice .

Click on All installation packages Of Alibaba cloud image , Here's the picture

If you need another version , Click on …/ Return to the parent folder . Here's the picture

Then you'll see from 0.1 Up to now, the installation directory of all versions , Pictured ( part )

Here I have chosen 10.19.0 Version of , The directory after clicking in is shown in the figure below . Directly find the suffix of the corresponding system digits as .msi Format installation package (32 Biting x86,64 Biting x64), Then click download .

Here is the installation . The default path specified during installation is C:\Program Files You can specify that node.js Installation path for . Then there is always next Until the installation is complete , Click... After installation finish Exit the installation interface .

Use node -v and npm -v test node Is the installation successful , If successful, the publication number will be printed , Here's the picture

Two 、Node.js Environment configuration

If you choose .msi When installing the format , It will configure environment variables for you by default . If your installation path is E:\WebEnviroment\node.name In the system environment variable path The path is automatically added .

meanwhile node.js Default management system npm The global path and cache path of the package are in C:\Users\ Here is your username \AppData\Roaming Next . If you don't want to occupy C Disk space , Then we can configure new global path and cache path for him .

1. stay node.js New in the installation directory node_global and node_cache Two new folders

2. Alt+R Input cmd Open console , Run the following two instructions :

   npm config set prefix "E:\WebEnviroment\node\node_global"

   npm config set cache "E:\WebEnviroment\node\node_cache"

3. Detect the situation after setting . Input npm config list. At the red box in the figure below cache and prefix The value of has become the path value we set .
   

4. The following is to set the environment variable . My computer - Right click - attribute - Advanced system setup - senior - environment variable
   
   After entering the interface , First find User variables -Path, Here's the picture
   
   Click edit ,( Note that if the previous value does not have a semicolon , Remember to add a semicolon first ) Add... At the end E:\WebEnviroment\node\node_global;. Here's the picture
   

   Here is System variables Editing . Click on newly build . A variable called NODE_PATH. Variable value is E:\WebEnviroment\node\node_global\node_modules

   Here's the picture
   

   The configuration of this environment variable is completed .

5. modify .npmrc
   Modify the installation E:\WebEnviroment\node\node_modules\npm\npmrc file , Change the default to ( newly added )：
   prefix=E:\WebEnviroment\node, If you don't make this change , be npm Running npm ls -g When , Still use the default path to find the installed global module ;

6. test
   To test whether it works . Install one directly express modular , then node_global Whether there will be a node_modules, And include the... We installed express modular .

   Input npm install express -g
   

   stay E:\WebEnviroment\node\node_global\node_modules There's one more express Folder , Prove that the module was installed successfully .
   

3、 ... and 、 Set up npm Mirror source for

​ There are many ways to set up a mirror source , Here are two kinds of ：

​ 1. adopt npm command

​ Input npm config set registry https://registry.npm.taobao.org

​ After modification, you can test through this

​ npm config get registry
​

​ 2. Use nvm Switch source

​ npm isntall nrm -g Global installation

​ After installation , Input nrm ls View the current source . belt ==*== Indicates the currently used npm Source .

​ adopt nrm use taobao To specify the image source to use ：

​ adopt nrm test npm To test speed ：
​

Four 、 Install Taobao cnpm Mirror image ( Recommended installation )

​ In the case of domestic networks , It's better to use domestic image source , After all, the speed will be much faster .

​ Console input npm install -g cnpm --registry=https://registry.npm.taobao.org

​ Enter for installation .

​ Input cnpm -v Check whether the information shown in the figure below is printed successfully
​

5、 ... and 、 install node-sass Get stuck

Generally used in installation npm install install node-sass There will be installation failure , Stop there for a long time or pop up a failure prompt , Cause installation node_modules The folder is incomplete , In the use of gulp Unknown problems are likely to occur when building tools to package projects . It is recommended to delete it node_modules package , stay gulpfile.js Re run in the folder Directory cnpm install Installation . You can also set Taobao's sass Mirror source npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/, And then use npm install Installation .

​