Node环境配置

node 配置

node 安装

nodejs 是现在 前端开发 必须的一个部分, 它可以帮助我们实现一些后端操作, 进行代码管理.

通常情况下, 我们用的最多的是 代码管理部分

1. 下载 nodejs : http://nodejs.cn/download/

2. 安装 nodejs, 安装过程 除了 安装地址外, 可以一路 Next, 注意记住 安装地址

另外要注意地址中 Program Files , 把中间的空格去掉 ProgramFiles, 这里有坑一定要去掉

3. 安装完成后 使用 win+R 输入 cmd , 打开 命令行窗口, 分别输入 node -v 和 npm -v, 查看对应结果, 如果返回是 版本数字则代表安装成功

安装成功后, 为了 不让 `nodejs` 的 缓存文件和下载文件出现在 `c盘`, 占用 `c盘` 空间
则需要修改其 缓存地址 和 下载地址

node 配置

通过修改 node 配置, 将 缓存文件 和 下载文件 位置调整到 我们想要的地方

1. 找到 nodejs 安装的地方, 也就是 一开始 安装时地址

2. 在根目录 新建2个文件夹 node_cache , node_global , 以及在 新建的 node_global 中 再建一个 node_modules

目录结构

| nodejs
  ├ node_cache
  ├ node_global
    ├ node_modules
  ├ node_modules

3. 使用 win+R 打开 cmd 窗口, 输入

npm config set cache "D:\Develop\nodejs\node_cache"

npm config set prefix "D:\Develop\nodejs\node_global"

其中的地址是 2 步骤中, 新建的二个文件夹地址, cache 对应 cache, global 对应 global

4. 设置好后 打开 环境变量,

环境变量 在 桌面 -> 我的电脑 -> 右键属性 -> 高级系统设置 -> 高级

5. 在 系统变量 中 选择 新建

变量名: NODE_PATH

变量值: D:\Develop\nodejs\node_global\node_modules (步骤2中 global 里面的 modules 文件夹地址, 不要直接复制,根据你的地址修改,我这个是范例)

6. 在 用户变量 中 修改 后缀为 npm 的地址, 通常在 c盘,

比如 : C:\Users\......\AppData\Roaming\npm

将它修改为 新增的 node_global 地址

7. 修改后保存退出 , 重新打开 cmd, 记住重新打开, 一样输入 node -v 和 npm -v,查看结果, 如果有版本号, 则修改成功, 没有 则需要 以上操作重新过一遍,查看问题

npm 配置

npm 是 nodejs 的包管理工具, 是我们下载 资源的必备工具
它是随着 nodejs 一起安装的, 通常来说 nodejs 安装成功就可以使用了
但是因为 npm 默认的 数据源, 也就下载的仓库, 网速过于缓慢, 所以需要修改为国内源
国内源用的最多的就是 淘宝

1. 打开 cmd, 输入 npm config set registry https://registry.npm.taobao.org

2. 可以使用 npm config list 来查看 npm 的相关配置

3. 有兴趣也可以修改 npm 的配置, 不过因为 yarn 比 npm 下载速度更快, 所以 npm 只会用几次,就不提供相关配置了

yarn 配置

yarn 是 目前 npm 的替代方案, 拥有更加快速的下载速度, 以及一些下载优化

1. 打开命令行 cmd , 输入 npm install -g yarn

2. 然后 任意一个盘符(C盘,D盘...), 最好是 nodejs 的同级目录, 方便管理, 新建 一个文件夹 Yarn(任意名称即可, 但注意不要有空格符 尤其是 Program Files 之类)

3. 在 Yarn 中新建2个 文件夹 yarn_cache yarn_global

| nodejs
| Yarn
  ├ yarn_cache
  ├ yarn_global

4. 打开 cmd 窗口, 输入

yarn config set cache-folder "D:\Yarn\yarn_cache"

yarn config set global-folder "D:\Yarn\yarn_global"

其中 地址是 刚刚新建的 2个文件夹

5. 修改源 , 和npm 一样,需要修改 源地址

yarn config set registry https://registry.npm.taobao.org

6. 查看 yarn 配置 yarn config list, 确定配置正常之后就安装完成了