[前端框架学习笔记]Node.js的安装与配置

Node.js的下载

官网地址
官网长这个样子

正常安装，检测是否安装成功！

一直next基本就可以了，中间有一个选择安装的模块和功能，这里全部安装并添加到系统环境变量，这样就不用自己手动添加了

验证安装测试node.js是否加入环境变量，在cmd中调用以下语句

node -v
npm -v

出现如图效果就说明已经安装成功了！

如果node -v报错

那么我们手动将node.js的安装路径添加到环境变量中，在我的电脑中找到高级系统设置中的环境变量，在系统变量下找到名为path的变量名。

然后将你 node.js 的安装路径放在 path 变量值

设置npm的镜像源

# 查看npm的配置
npm config list
# 默认源
npm config set registry https://registry.npmjs.org
# 临时改变镜像源
npm --registry=https://registry.npm.taobao.org
# 永久设置为淘宝镜像源
npm config set registry https://registry.npm.taobao.org
# 另一种方式，编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org

设置npm全局包路径

设置npm全局包的位置，是防止都下载到C盘导致C盘的内存不足
C盘东西多了就卡，就不支棱了啊！
这里以windows为例

• .npmrc位置 C:/Users/[username]/.npmrc
• 在node安装目录创建/nodejs/node_global , /nodejs/node_cache两个文件下存放全局包
• 本例的node安装目录：D:\Program Files
• 本例成功后全局包安装的包目录：D:\Program Files\nodejs\node_global\node_modules

1.安装node到不是C盘的目录下

本例的node安装目录：D:\Program Files

2.修改默认的全局目录

方法一： 到node安装目录[D:/node]执行以下命令：

npm config set prefix D:/Program Files/nodejs/node_global/ //全局包目录，就在node安装目录新建了个nodejs文件夹存放
npm config set cache D:/Program Files/nodejs/node_cache/  //全局包缓存目录，就在node安装目录新建了个nodejs文件夹存放

方法二

直接修改C:/Users/[username]/.npmrc文件的cache值和prefix值，文件如下：

prefix=D:\Program Files\nodejs\node_global
cache=D:\Program Files\nodejs\node_cache
registry=https://registry.npm.taobao.org/

3.配置环境变量

计算机->属性->高级系统配置->环境变量->用户变量->编辑path,添加`global“目录如下：

大功告成，配置完成