Node.js安装及环境配置( Windows 系统)

背景:由于要用 angular+ionic 开发一款mobile端APP应用,在工作开始前要配置项目运行环境,所以需要安装 node 并配置其环境变量。具体操作如下:

Node.js简介:简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

一:安装环境

       本机系统:win10  64位。     node.js版本: v10.15.3LTS (64位)

二:下载node.js

      node.js 官网:https://nodejs.org/en/ (推荐下载 LTS 稳定版本)

Node.js安装及环境配置( Windows 系统)

三、开始安装 node.js

1、下载完成后,双击node-v10.15.3-x64.msi”,开始安装Node.js

Node.js安装及环境配置( Windows 系统)

2、点击【Next】按钮

Node.js安装及环境配置( Windows 系统)

3、勾选复选框,点击【Next】按钮

Node.js安装及环境配置( Windows 系统)

4、修改好目录后,点击【Next】按钮

Node.js安装及环境配置( Windows 系统)

Node.js安装及环境配置( Windows 系统)

5、安装完后点击【Finish】按钮完成安装

Node.js安装及环境配置( Windows 系统)

至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了;

在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

Node.js安装及环境配置( Windows 系统)

安装完后的目录如下图所示:

Node.js安装及环境配置( Windows 系统)

此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

四、配置环境变量

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install - g cordova ionic ( g代表global全局安装的意思 )的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。

例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

Node.js安装及环境配置( Windows 系统)

创建完两个空文件夹之后,打开cmd命令窗口,输入

npm config set prefix "D:\Develop\nodejs\node_global"

npm config set cache "D:\Develop\nodejs\node_cache"

Node.js安装及环境配置( Windows 系统)

接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

Node.js安装及环境配置( Windows 系统)
进入环境变量对话框,

将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

Node.js安装及环境配置( Windows 系统)

 

Node.js安装及环境配置( Windows 系统)

Node.js安装及环境配置( Windows 系统)

在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,

Node.js安装及环境配置( Windows 系统)

五、测试

配置完后,安装个module测试下,我们就安装ionic和cordova模块,打开cmd窗口,
输入如下命令进行模块的全局安装:

npm install -g cordova ionic 

命令安装成功后查看 D:\Develop\nodejs\node_global 问件夹中是否已经出现的如下内容,如果有如下内容则说明环境变量配置成功。

Node.js安装及环境配置( Windows 系统)

 

注意:执行 npm install -g cordova ionic 时如果安装失败可以采用cnpm安装,但要先安装cnpm,命令如下。

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

安装cnpm成功后再执行:

cnpm install -g cordova ionic

命令执行成功后查看 D:\Develop\nodejs\node_global 问件夹中是否已经出现安装的内容如果有则环境变量配置成功。

转载参考网址:https://www.cnblogs.com/zhouyu2017/p/6485265.html