Windows下的node.js的安装与开发配置

作为一个标准的后端开发程序猿，jq算是每个后端的标配。不过玩多了传统的js，也总想去接触点新的东西，比如vue、ts。就算用的不深入，也总得去要了解了解。

看这 →🎨 推荐使用NVM管理Node版本，支持自由切换Node版本。
NVM for Windows 手把手搭建多Node 环境

Node.js的安装

首先，node.js的安装是必不可少的。安装过程也十分简单。
node.js下载官网
https://nodejs.org/en/

下载好.msi的安装包后，双击打开，只需要一直点击下一步即可。

安装完成后，cmd打开我们的控制台
输入node -v

可以看到我安装的node的版本是12.13.0
接着输入npm -v

自带npm的版本是 6.12.0

到这里我们的node.js就已经安装完成了

环境配置

1、设置模块目录与缓存目录

在安装完成后，我们去
C:\Users\用户名\AppData\Roaming\npm
可以看到，npm与npm_cache两个文件夹在我们的c盘当中，这不是我想要的结果。
我想把这两个文件配置到我的安装目录，方便我日后的管理
在我们的安装目录，新建node_cache与node_global文件夹

创建文件夹后，现在我的node安装目录是上图所示
接着打开dos窗口
分别执行下面两条命令

npm config set prefix "D:\environment\nodejs\node_global"
npm config set cache "D:\environment\nodejs\node_cache"

接下来执行

npm config ls

可以看到设置已经成功了，并且配置文件的位置就在C:\Users\用户名.npmrc下
也可以直接去配置文件进行编辑

2、node.js环境变量设置

右击我的电脑->属性->高级系统设置->高级->环境变量

新建NODE_PATH系统变量

NODE_PATH	D:\environment\nodejs\node_global\node_modules

配置的路径为nodejs的安装目录下的\node_global\node_modules
node_modules文件夹会自动创建的，不用担心文件夹不存在

再然后更改path用户变量，看清楚这次修改的是【用户变量】，上面的是【系统变量】
将其中默认的C:\Users\用户名\AppData\Roaming\npm更改为安装目录下的node_global目录

3、更换镜像【可选】

有时候安装模块的时候，由于不可阻挡的网络原因，往往会导致我们下载失败或者出现一些奇奇怪怪的问题，可以将npm的安装地址设置为taobao镜像地址
执行

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

这样每次安装都是从taobao镜像进行下载了。需要恢复话执行

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

如果只想要某一次使用taobao镜像，也可以每次安装使用

npm --registry https://registry.npm.taobao.org install 【模块名】

来安装指定模块

测试

我们来测试安装一个vue
分别执行命令

#  安装vue.js
npm install vue -g
#  安装vue路由
npm install vue-router -g
#  安装vue脚手架
npm install vue-cli -g
#  -g是指安装到global全局目录

全部安装完成后，执行

vue -V

这样就安装完成了，如果提示vue不是内部或外部命令，请按照教程，仔细检查一下自己的环境变量配置是否正确。