安装并配置node.js

node.js安装教程

在国内的前端开发中，目前主流使用的是Vue开发，在开始Vue开发前，需要配置好开发环境，其中node.js脚本语言是最核心的配置之一，如果node.js版本不对 (在下载前先确定自己需要的版本) ，或者是npm镜像源没有设置为国内的，都可能会导致依赖下载错误，最后无法启动vue项目。接下来，我将介绍node.js的安装步骤。

一、官网下载node.js安装包

官网下载地址:https://nodejs.org/en，该地址可以下载当前的稳定版本，如果需要下载其他版本，请前往:https://nodejs.org/en/about/previous-releases，然后在版本发布表中找到需要的版本，点击 Releases 进入下载页面，选择所需的软件下载包即可 (桌面安装镜像一般选择 .msi结尾的安装包)

首页下载最新稳定版本页面https://nodejs.org/en

其他版本下载页面https://nodejs.org/en/about/previous-releases

下载详情页面

二、安装node.js

1.安装

• 鼠标双击安装包，进入安装界面，点击next
• 接受协议，勾选同意按钮，点击next
• 进入路径选择界面，根据需要设置自身安装路径
• 进入自定义安装功能设置界面，如无特殊需求，点击next
• 进入本地工具模块安装界面，点击next
• 最后，一切准备就绪，点击Install
• 等待安装完成

2.验证安装是否成功

键盘按下 Win + R，在运行输入框中输入 cmd后回车 ( 或者直接搜索框中输入cmd ) 进入命令行界面

在命令行中分别输入 node -v 、npm -v 后查看node和npm版本，如果显示对应版本，安装成功。

三、修改全局模块下载路径 (可选)

全局模块下载路径默认在 C:\Users{{账号}}\AppData\Roaming，如果想要更改默认下载路径，可参考以下步骤：

1.创建文件夹

在希望下载路径中创建 【node_cache】 【node_global】两个文件夹，如图所示：

2.设置路径

键盘按下 Win + R，在运行输入框中输入 cmd后回车 ( 或者直接搜索框中输入cmd ) 进入命令行界面

命令说明：

prefix ：node_global文件夹所在路径

cache ：node_cache文件夹所在路径

分别输入如下命令并回车：

npm config set prefix "G:\npm\node_global"

npm config set cache "G:\npm\node_cache"

3.修改环境变量

右键点击此电脑，点击属性，进入关于界面，点击【高级系统设置】进入系统属性，然后点击环境变量，进入环境变量设置界面 (或者直接搜索 系统环境变量)。

在系统变量里面，点击新建，设置全局模块下载路径

新建变量名：NODE_PATH

新建变量值：node_global文件夹所在路径\node_modules

如图所示：

新建好后点击确定。

在系统环境变量下的【Path】中新建 全局模块下载路径 ( node_global文件夹所在路径 )，如下图所示：

在两个环境变量设置完成之后，点击确定，确定，确定，关闭环境变量，注：此处全部都需要点击【确定】，尤其是最后一个保存按钮，如果不点击确定，则本次修改无效！

4.测试下载

打开命令行，输入

npm install express -g 

( 注：-g是标明全局下载的意思，测试全局下载路径是否配置成功必须使用 -g 参数)

下载成功后，进入自定义下载文件目录查看是否下载到该文件下：

四、更换npm下载源为淘宝镜像

npm使用的默认下载源是国外的，下载比较慢，所以一般更换为国内的淘宝镜像。

注：原淘宝镜像https://registry.npm.taobao.org已过期，更换为：https://registry.npmmirror.com

1.重新配置npm镜像源

在命令行输入以下命令设置淘宝镜像

npm config set registry https://registry.npmmirror.com

2.验证新镜像是否配置成功

命令行输入：

npm config get registry

如果显示 https://registry.npmmirror.com ，则淘宝镜像配置成功

3.清理缓存

由于更换了npm下载镜像源，建议清理一下缓存

命令行输入：

npm cache clean --force

4.测试安装

全局安装淘宝镜像的express，在命令行输入：

npm install express -g

下载完成，说明淘宝镜像配置成功

3.清理缓存

由于更换了npm下载镜像源，建议清理一下缓存

命令行输入：

npm cache clean --force

4.测试安装

全局安装淘宝镜像的express，在命令行输入：

npm install express -g

下载完成，说明淘宝镜像配置成功

---

好啦，本次分享到此结束，感谢观看，如有不足之处，请各位多多指教！