Node.js最详细的安装教程(图文),修改全局模块路径和缓存路径,设置环境变量,

本文详细介绍了Node.js的下载、安装过程,包括如何修改全局模块路径和缓存路径,以及设置环境变量。通过步骤指导,确保用户能够成功安装并测试Node.js,适用于Windows 10 64位系统。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


前言

目前工作最新的项目使用的是VUE,经过简单的了解后发现只会使用基本的操作,打算进一步了解,看一下,以前都是JQ(后端也就会一点基本的JQ)。因为是第一次接触VUE,工作起来有点摸不着头脑,这几天开始简单的学习一下VUE。特地写文章记录一下。如果有不对的地方,还望各位大佬指点。


 

一、NodeJS下载

安装包下载地址:NodeJS下载

根据自己电脑的实际需求来下载,这边以Windows10  64位为例子进行操作,下载完成后直接点击运行。

二、安装

1.引入库

1.点击运行,安装下列截图进行设置

 

 2.这边一般都改变安装路径,如果都安装到C盘,默认安装容易导致系统盘爆满,所以基本上都是安装到容量大的硬盘,这边演示安装到D盘

 

 

3.这边的四个选项从上到下分别是: Node.js runtime(运行环境), npm package mamager(npm包管理), Online documentation shortcuts(在线文档快捷方式 ),Add to PATH(添加环境变量),这四个不需要动要额外的设置,我们都需要 直接下一步。

2.测试是否安装成功

win(键盘上四个格子的图标的那个键)+ R 打开运行窗口,在此窗口输入cmd命令

 输入下面的命令查看当前安装的node的版本和npm的版本

node -v

npm -v

 


三、设置 node_global (全局模块)和 node_cache (缓存)

1.安装nodejs的目录。首先先打开设置栏目,设置文件扩展名勾选,隐藏的项目勾选

2.如果勾选了隐藏的项目没有显示出 node_global (全局模块)和 node_cache (缓存)这两个文件夹,那我们就自己新增。缺那个文件夹就新增那个文件夹。并且需要注意的是在node_global(全局模块)文件夹下再建一个node_modules文件夹,用来配置环境变量的

3. 需要将路径指向我们新建的文件夹有2种方式

    第一种方式:win+R打开运行窗口,输入cmd,再输入以下两条指令(个人推荐使用这个方式)

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

如:

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

 第二种方法:在nodejs的安装目录下,进入node_modules——> npm ——> 找到npmrc文件。打开npmrc

添加以下命令:
prefix=创建的node_global文件夹所在路径
cache=创建的node_cache文件夹所在路径

如:

prefix=D:\app\nodejs\node_global
cache=D:\app\nodejs\node_cache

 

三、设置环境变量

将其中默认的C:\Users\[电脑用户名]\AppData\Roaming\npm更改为下图,如果不存在,就直接新增即可。

设置完成后点击确定,打开了多少个窗口就确定几个窗口 ,如果不确定,所有的设置无效,直接 关闭设置窗口,设置无效,设置无效,设置无效,重要的事情说三遍。

四、测试 

我们先安装一个express模块,win+R 打开运行窗口,输入cmd,回车(说明: -g  是全局安装的意思)

npm install express -g     

 出现下面的这样的效果代表安装,如果网速不大好的话,可能要点时间

 

最后到这个 文件夹确认一下,有这个文件夹代表设置没有说明问题,这样就安装成功了! 

 

以上就是本文章的全部内容!

参考:NodeJS 安装及环境配置_zhangkaidsy的博客-优快云博客_nodejs安装及环境配置

           Node.js最新最详细安装教程(2020)_蜡笔小柯南的博客-优快云博客_node

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值