node.js 安装教程踩坑记录

一:下载

如果是从官网进入的话,如果想要安装64位,切勿直接点击下载,否则下载到本地的为32版本
node.js 安装教程踩坑记录_第1张图片

建议进入此下载入口,选择64位或者32位,如果不想安装想直接用压缩包,也可以从这里直接下载
node.js 安装教程踩坑记录_第2张图片
安装过程中选择默认即可,当然安装位置可以自定义在其他盘。

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

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

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

node.js 安装教程踩坑记录_第3张图片

二:配置环境变量

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

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

node_cache:用来存放缓存
node_global:用来存放依赖
node.js 安装教程踩坑记录_第4张图片

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

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

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

node.js 安装教程踩坑记录_第5张图片
node.js 安装教程踩坑记录_第6张图片

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

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

D:\nodejs\node_global

node.js 安装教程踩坑记录_第7张图片

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

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

node.js 安装教程踩坑记录_第8张图片
大功告成,接下来测试一下

三:测试

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

npm install webpack -g

安装成功后可以看到自定义的两个文件夹已生效:
node.js 安装教程踩坑记录_第9张图片
查看安装webpack的版本号

 npm webpack -v 

在这里插入图片描述

你可能感兴趣的:(小技巧,node.js,前端)