一、Node介绍

首先介绍一下什么是Node,简单的一句话就是:运行在服务器端的Javascript。Node的详细介绍可以移步下面两个链接:

https://www.liaoxuefeng.com/wiki/1022910821149312/1023025235359040

https://www.runoob.com/nodejs/nodejs-tutorial.html

二、Node的安装流程

1.下载Node

这是下载网址:http://nodejs.cn/download/

根据自己需求自行选择下载,我是windows系统,我的选择如下:

Node安装和WebStorm配置

2.安装Node

这是刚才下载的安装包,双击,进行安装:

Node安装和WebStorm配置

进入这个页面,选择“Next”:

Node安装和WebStorm配置

勾选复选框,继续“Next”:

Node安装和WebStorm配置

然后根据自己需求,选择安装目录,选择完继续“Next”:

Node安装和WebStorm配置

继续“Next”:

Node安装和WebStorm配置

然后“Install”:

Node安装和WebStorm配置

安装完成后会出现如下页面,点击“Finish”:

Node安装和WebStorm配置

安装完成后,还需要验证是否安装成功。
在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口:

Node安装和WebStorm配置

然后输入指令:

node -v   验证node是否安装成功

npm -v    验证node自带的npm是否安装成功

Node安装和WebStorm配置安装完成后,安装的目录大致是这个样子:

Node安装和WebStorm配置

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

3.环境配置

说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

Node安装和WebStorm配置

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

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

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

Node安装和WebStorm配置

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

Node安装和WebStorm配置

 进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】:

Node安装和WebStorm配置

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

Node安装和WebStorm配置

Node安装和WebStorm配置

Node安装和WebStorm配置

4.将Node配置到WebStorm上:

打开WebStorm,然后按照如下流程操作:

Node安装和WebStorm配置

Node安装和WebStorm配置

好了,大功告成!

参考文献:https://www.cnblogs.com/zhouyu2017/p/6485265.html

 

相关文章: