Nodejs安装及配置

Nodejs的安装及配置详细教程

本文更新于2020-12-2，如果时间太久已失效，请留言
本教程使用虚拟机全新环境进行演示，如未安装过Nodejs几乎100%安装配置成功，如未成功，请洗脸重试~

下载Nodejs

1. 进入Nodejs官网https://nodejs.org/zh-cn/ 选择下载最新版，也可以选择稳定的版本，个人喜欢用新的

   

安装Nodejs

1. 双击下载的安装包

   

2. 点击Next，开始进入安装

   

3. 勾选 I accept the terms in the License Agreement，然后点击Next

   

4. 点击Change更改安装路径

   

5. 选择D盘，并为Nodejs创建一个新的文件夹，然后点击OK
   

   养成良好的安装习惯,便于以后清理磁盘，和查找文件，C盘用于win10系统和系统自带软件以及必须放置在C盘的软件及文件使用，D盘用于安装软件，每次在D盘安装软件时，为软件在D盘下创建一个新的文件夹，并命名为软件名，E盘用于存放文件、视频、下载资源

   

6. 点击Next

   

7. 不用进行选择，默认就好，继续点击Next

   

8. 不用勾选安装工具，继续点击Next

   

9. 点击Install开始进行安装

   

10. 等待几分钟后，安装完成，点击Finish关闭，恭喜你已经安装好Nodejs

    

检查Nodejs和npm包管理器是否安装成功

1. 打开cmd控制台，记住一定要以管理员身份运行！！！

   

2. 命令行输入node -v查看nodejs的版本号，控制台输出版本号，说明安装成功
   

   如果提示 ‘node’不是内部或外部命令，也不是可运行的程序或批处理文件，要么安装出了问题，要么环境变量出了问题

   

3. 命令行输入npm -v查看npm的版本号，控制台输出版本号，说明包管理器也没有问题
   

   如果也未出现错误,到此Nodejs已经安装成功,可以正常使用了

   

Nodejs环境变量配置

Nodejs默认模块安装路径和缓存路径均在C盘(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm和C:\Users\你的用户名(Administrator)\AppData\Local\npm-cache)

你可以打开cmd控制台使用npm config get prefix和npm config get cache命令来查看当前使用的路径

修改模块安装和缓存路径

1. 在Nodejs安装目录下新建一个文件夹，并命名为node_cache

   

2. 使用命令修改config配置，首先打开cmd控制台
   • 使用命令修改模块安装路径

   注意：请将路径换成你自己的Nodejs安装目录路径，不要怀疑，就是Nodejs的安装目录!!!

   npm config set prefix "D:\NodeJS" 

   

   • 使用命令修改缓存路径

   注意：请将路径换成你自己的node_cache文件夹路径

   npm config set cache "D:\NodeJS\node_cache" 

   

   • 最后你可以使用npm config get prefix和npm config get cache命令查看一下是否配置成功

   

配置环境变量

1. 右击桌面或文件资源管理器左侧的此电脑，选择属性进入系统界面

   

2. 点击高级系统设置，进入系统属性界面

   

3. 点击环境变量，进入环境变量界面

   

4. 双击上方用户变量的Path

   

5. 找到Nodejs默认的配置路径，然后单击选中它，再点击删除，然后点击确定，返回到环境变量界面
   

   这个配置路径是安装Nodejs时，自动生成的，如果没有可以不用管，有的话一定要删除！

   

6. 点击下方系统变量的新建，然后输入变量名NODE_PATH，变量值为node_modules文件的路径，最后点击确定
   

   注意：变量名必须是NODE_PATH!!! node_modules文件在Nodejs安装目录下，这个是安装时自己生成的

   

7. 你可以在环境变量界面看见系统变量多了一条NODE_PATH，然后点击确定，返回系统属性界面

   

8. 再次点击确定，恭喜你环境变量已经配置好了

   

检查配置是否成功

1. 打开Nodejs安装目录下的node_modules文件夹，可以看见里面只有一个npm文件

   

2. 打开Nodejs安装目录下的node_cache文件夹，可以看见它多了几个文件，如果没有也不用管它，版本不一样，可能结果不一样

   

3. 打开cmd控制台，全局安装一个vue模块进行测试

• 使用命令安装vue

  npm install vue -g 

  注意：一定要加上-g，这是全局安装的意思，如果不加是局部安装，会安装在cmd控制台当前运行的目录下

  

• 此时可以看见node_modules文件夹下多了一个vue文件夹

  

• 回到cmd控制台，进入node交互界面，再输入require(“vue”)

  node require("vue") 

  

更改npm的镜像以及安装cnpm

因为npm的原镜像是在国外，使用起来可能会很慢，所以需要更改到国内的淘宝镜像

1. 更换 npm的源

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

   查看命令为npm config get registry

   

2. 安装cnpm包管理器

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

   

3. 再次使用命令更改cnpm的安装路径和缓存路径
   

   注意：请将路径更换成自己的路径

   cnpm config set prefix "D:\NodeJS" 

   

   cnpm config set cache "D:\NodeJS\node_cache" 

   

大功告成，现在你可以放心的使用Nodejs了，注意以后使用npm命令时，请替换为cnpm ，如npm install vue -g换成cnpm install vue -g，建议最好不要混用npm和cnpm ，当然一般情况下你混用也没什么问题。。。。。。

最后：强迫症患者请使用cnpm uninstall vue -g来删除vue模块，并删除Nodejs安装时默认在C盘生成的npm文件夹(C:\Users\你的用户名(Administrator)\AppData\Roaming\npm)