Nodejs超详细安装及环境配置

Nodejs安装及环境配置

#转自 https://www.jianshu.com/p/13f45e24b1de(简书:A月半小夜曲)
1、下载安装包
下载地址:https://nodejs.org/zh-cn/download/
根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包

.msi和.zip格式区别:
1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。
2、.zip是一个压缩包,解压之后即可,不需要安装

Nodejs超详细安装及环境配置_第1张图片
下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:\Program Files下,也可以自定义修改
Nodejs超详细安装及环境配置_第2张图片

Nodejs超详细安装及环境配置_第3张图片

Node.js runtime 表示运行环境
npm package manager表示npm包管理器
online documentation shortcuts 在线文档快捷方式
Add to PATH添加到环境变量
安装完成如图所示,这里我修改了node的安装路径C:\node
Nodejs超详细安装及环境配置_第4张图片

安装完成后,.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证
Nodejs超详细安装及环境配置_第5张图片

既然已经将node程序添加到全局系统变量,我们可以直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令node -v查看node版本
Nodejs超详细安装及环境配置_第6张图片

最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本
Nodejs超详细安装及环境配置_第7张图片
2、修改包路径
默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下,可以通过CMD指令npm root -g查看
Nodejs超详细安装及环境配置_第8张图片

Nodejs超详细安装及环境配置_第9张图片

我们可以下载一个全局包试试看,执行命令npm install -g express
Nodejs超详细安装及环境配置_第10张图片

Nodejs超详细安装及环境配置_第11张图片
但是有时候我们不想让全局包放在这里,我们想放在node的安装目录下
1、在node安装目录下下新建两个文件夹
node_global 全局包下载存放
node_cache node缓存
Nodejs超详细安装及环境配置_第12张图片
2、修改路径
在CMD窗口执行以下两条命令:

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

或者在nodejs的安装目录中找到node_modules\npm.npmrc文件,修改如下:
prefix =C:\node\node_global
cache = C:\node\node_cache
Nodejs超详细安装及环境配置_第13张图片

我们再次下载一个全局包,执行命令npm install -g vue,可以发现,下载的全局包vue已经放在了我们设置的目录中
Nodejs超详细安装及环境配置_第14张图片

我们写一个js文件,引入vue模块,并输出,然后再node中执行该js文件
Nodejs超详细安装及环境配置_第15张图片

我们更改了npm全局模块的存放路径和cache路径,此时使用module时将会出现上述错误,因为电脑系统现在还不知道你把默认路径给改了,所以需要修改系统环境变量。
1、修改用户变量path为:C:\node\node_global
Nodejs超详细安装及环境配置_第16张图片

Nodejs超详细安装及环境配置_第17张图片

2、新增系统变量NODE_PATH,变量值为C:\node\node_global\node_modules
Nodejs超详细安装及环境配置_第18张图片

修改之后关闭CMD窗口,然后重新打开,运行刚才的test.js文件

作者:A月半小夜曲
链接:https://www.jianshu.com/p/13f45e24b1de
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(前端,node.js)