node.js 安装教程踩坑记录

一:下载

如果是从官网进入的话,如果想要安装64位,切勿直接点击下载,否则下载到本地的为32版本
在这里插入图片描述

建议进入此下载入口,选择64位或者32位,如果不想安装想直接用压缩包,也可以从这里直接下载
在这里插入图片描述
安装过程中选择默认即可,当然安装位置可以自定义在其他盘。

中间会有一个选项,让你选择是否自动安装必要工具,可以勾选,也可以不勾选

npm是安装中附带安装的,安装好通过这两条命令查看版本

//查看node版本
node -v
//查看npm版本
npm -v

在这里插入图片描述

二:配置环境变量

环境配置的目的:改变安装Node.js依赖的下载位置,配置缓存Cache的路径。
因为Node.js默认安装到C:\Users\用户名\AppData\Roaming\npm
如果你C盘够大,可以不操作
如果你不想放置C盘,那么继续往下看

在你安装好的node.js目录下新建两个文件夹:

node_cache:用来存放缓存
node_global:用来存放依赖
在这里插入图片描述

打开cmd,分别执行下面两行命令

//切记一个是prefix,一个是cache,目录是你自己的目录
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

打开搜索框,进入编辑环境变量

在这里插入图片描述
在这里插入图片描述

首先在用户环境变量里,将默认C:\Users\用户名\AppData\Roaming\npm

替换为自己新建的node_global所在目录

D:\nodejs\node_global

在这里插入图片描述

其次在系统环境变量里,新建系统变量

//变量名
NODE_PATH
//node_modules所在目录
D:\nodejs\node_modules

在这里插入图片描述
大功告成,接下来测试一下

三:测试

在cmd管理员模式下命令下,执行

npm install webpack -g

安装成功后可以看到自定义的两个文件夹已生效:
在这里插入图片描述
查看安装webpack的版本号

 npm webpack -v 

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值