【前端】nodejs安装与环境配置

最新推荐文章于 2024-06-30 15:42:45 发布

WalkerShen

最新推荐文章于 2024-06-30 15:42:45 发布

阅读量257

点赞数

分类专栏：前端文章标签： npm node.js vue.js

本文链接：https://blog.csdn.net/Think_and_work/article/details/125161548

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1、下载

方式一：公众号获取

关注【I am Walker】，回复”nodejs“即可

方式二：官网下载

https://nodejs.org/en/download/

2、安装

修改一下安装的目录，或者默认也ok
然后就一直点next 下一步就ok了

3、测试是否安装成功

打开命令行 win+R->输入CMD
然后输入npm -v查看npm的版本，nodejs自带npm

4、修改cache和global的路径

在nodejs下面创建两个文件夹
node_cache和node_global
![image.png](https://img-blog.csdnimg.cn/img_convert/ccc48cdaf8c5576e0af4ab9497def507.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=181&id=u0f2f150d&margin=[object Object]&name=image.png&originHeight=181&originWidth=799&originalType=binary&ratio=1&rotation=0&showTitle=false&size=21153&status=done&style=none&taskId=u1fd61d62-892e-4534-95cc-d68800bcabb&title=&width=799)

然后在命令行中执行指令，注意将node_global和node_cache修改成自己的路径
npm config set prefix D:\walker\env\nodejs\node_global
npm config set cache D:\walker\env\nodejs\node_cache

例如我的
![image.png](https://img-blog.csdnimg.cn/img_convert/179dd58e4008c4852d44d34ee62295ed.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=73&id=u9f1ad550&margin=[object Object]&name=image.png&originHeight=73&originWidth=663&originalType=binary&ratio=1&rotation=0&showTitle=false&size=2805&status=done&style=none&taskId=ufe895995-d93b-43ec-98ea-e162a354084&title=&width=663)

然后查看一下是否配置成功
npm config get prefix
npm config get cache
![image.png](https://img-blog.csdnimg.cn/img_convert/2d1fc5050344ce08c4b371ff9a22b8e6.png#clientId=u91187262-a13b-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=110&id=u8e052fe9&margin=[object Object]&name=image.png&originHeight=110&originWidth=555&originalType=binary&ratio=1&rotation=0&showTitle=false&size=4529&status=done&style=none&taskId=uec0f3801-841e-4291-9e1b-19b72d04026&title=&width=555)

5、环境配置

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”
![image.png](https://img-blog.csdnimg.cn/img_convert/173a39f3f8360af94fd91cd63c4a0698.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=610&id=u22b195df&margin=[object Object]&name=image.png&originHeight=610&originWidth=502&originalType=binary&ratio=1&rotation=0&showTitle=false&size=30754&status=done&style=none&taskId=uce76e35f-98e6-47f1-b3cb-8bc907e732c&title=&width=502)

1、添加NODE_PATH

![image.png](https://img-blog.csdnimg.cn/img_convert/4e561656e65b5dcf60799c9ae1e753db.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=320&id=u16a61a9c&margin=[object Object]&name=image.png&originHeight=320&originWidth=717&originalType=binary&ratio=1&rotation=0&showTitle=false&size=22421&status=done&style=none&taskId=uefb7cd3e-f061-44c3-882e-1abdf0174ed&title=&width=717)

“新建“
变量名：NODE_PATH
变量值：node_modules的路径![image.png](https://img-blog.csdnimg.cn/img_convert/941ae2c0096d6cb919903f80fa18ce3a.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=179&id=u68cee658&margin=[object Object]&name=image.png&originHeight=179&originWidth=702&originalType=binary&ratio=1&rotation=0&showTitle=false&size=19194&status=done&style=none&taskId=u30f67bc3-667e-44bb-8f23-86908541026&title=&width=702)

2、添加Path

![image.png](https://img-blog.csdnimg.cn/img_convert/44217dd2b52f71f7fd04d8786cc59287.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=128&id=ueaf6ff39&margin=[object Object]&name=image.png&originHeight=128&originWidth=648&originalType=binary&ratio=1&rotation=0&showTitle=false&size=10833&status=done&style=none&taskId=u074b034b-9ac9-407f-93bd-61cfa40d127&title=&width=648)
![image.png](https://img-blog.csdnimg.cn/img_convert/aed06e22c57ad088e16480c1fa409526.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=566&id=u919db48c&margin=[object Object]&name=image.png&originHeight=566&originWidth=560&originalType=binary&ratio=1&rotation=0&showTitle=false&size=35495&status=done&style=none&taskId=ufdc85773-b872-48e5-99bd-a5b7b6d2f5e&title=&width=560)

将node_global的路径添加进去
![image.png](https://img-blog.csdnimg.cn/img_convert/f13c2ffe2bb486ffc3f61de6301cdbd4.png#clientId=ufd03c04a-d4d9-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=181&id=u12288ec2&margin=[object Object]&name=image.png&originHeight=181&originWidth=619&originalType=binary&ratio=1&rotation=0&showTitle=false&size=22620&status=done&style=none&taskId=u89a99730-f063-4ef3-9c63-c46a5c1326f&title=&width=619)

6、配置淘宝镜像

1、在命令行中执行
npm config set registry [https://registry.npm.taobao.org](https://registry.npm.taobao.org)
2、查看是否修改成功
npm config get registry

![image.png](https://img-blog.csdnimg.cn/img_convert/3340d8de9adca9d63e15846b33d000ff.png#clientId=u91187262-a13b-4&crop=0&crop=0&crop=1&crop=1&from=paste&height=88&id=u2ca695f9&margin=[object Object]&name=image.png&originHeight=88&originWidth=675&originalType=binary&ratio=1&rotation=0&showTitle=false&size=3615&status=done&style=none&taskId=ubc7f279b-d761-45be-a123-73d77f24fba&title=&width=675)