前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >node.js 安装详细步骤教程

node.js 安装详细步骤教程

作者头像
全栈程序员站长
发布2022-09-13 10:19:47
2.2K0
发布2022-09-13 10:19:47
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

本机环境:Windows 10 专业版 x64

1、下载安装包

Node.js 官方网站下载:https://nodejs.org/en/

选择操作系统对应的包:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

下载完成,安装包如下:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

2、安装

打开安装,傻瓜式下一步即可:

node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程

选择安装位置,我这里装在D盘下:

node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程
node.js 安装详细步骤教程

安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包,此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

3、配置npm在安装全局模块时的路径和缓存cache的路径

因为在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间,如下图所示:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

所以这里配置自定义的全局模块安装目录,在node.js安装目录下新建两个文件夹 node_global和node_cache,然后在cmd命令下执行如下两个命令:

npm config set prefix “D:\Program Files\nodejs\node_global”

npm config set cache “D:\Program Files\nodejs\node_cache”

node.js 安装详细步骤教程
node.js 安装详细步骤教程

执行成功。然后在环境变量 -> 系统变量中新建一个变量名为 “NODE_PATH”, 值为“D:\Program Files\nodejs\node_modules”,如下图:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

最后编辑用户变量里的Path,将相应npm的路径改为:D:\Program Files\nodejs\node_global,如下:

更改前:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

更改后:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

配置完成。

4、测试

在cmd命令下执行 npm install webpack -g 然后安装成功后可以看到自定义的两个文件夹已生效:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

webpack 也已安装成功,执行 npm webpack -v 可以看到所安装webpack的版本号:

node.js 安装详细步骤教程
node.js 安装详细步骤教程

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/160172.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、下载安装包
  • 2、安装
  • 3、配置npm在安装全局模块时的路径和缓存cache的路径
  • 4、测试
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档