[node npm yarn] windows开发环境搭建

环境搭建系列文章目录

第一篇：Git （2.19.0.windows.1）环境搭建
第二篇：Flutter windows开发环境搭建
第三篇：[node npm yarn] windows开发环境搭建
第四篇：Dart windows开发环境搭建
第五篇：JDK1.8 windows开发环境搭建
第六篇：VMware 16 CentOs7 windows开发环境搭建
第七篇：Windows10 64位 Office2019 64位-安装破解

---

前言

本篇内容针对普通Java开发者，对于前端Node.js的基本开发环境要求，不对的地方，欢迎大家批评指正。

---

一、Node是什么？

Node全称NodeJS，是一个基于Chrome V8引擎的JavaScript运行环境；一个让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl等服务端语言平起平坐的脚本语言。

二、环境搭建步骤

1.下载安装包

• 官网地址
  • 建议下载msi的部分环境变量能够自己配置
• 百度云地址 提取码 ding version: 12.18.3

2.双击安装包一路next

3.查看环境变量验证

安装完成后，.msi格式的安装包已经将node启动程序添加到系统环境变量path中，查看系统变量验

4.验证安装

# 新版本的Node已经继承了NPM 包管理器
# windows键 + r cmd
node --version

5.修改包路径

默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径位C:\Users\Administrator\AppData\Roaming\npm\node_modules下，可以通过CMD指令npm root -g查看。

---

在node安装目录下下新建两个文件夹 node_global 全局包下载存放 node_cache 缓存

# 方式1
# cmd 执行
# 改成自己的路径
npm config set prefix "D:\install\nodejs\node_global"  

# 改成自己的路径
npm config set cache "D:\install\nodejs\node_cache"

##方式2
在nodejs的安装目录中找到node_modules\npm.npmrc文件，修改如下（注意改成自己的路径）： 
prefix =C:\node\node_global cache = C:\node\node_cache

由于我们更改了npm全局模块的存放路径和cache路径，此时使用module时将会出现上述错误，因为电脑系统现在还不知道你把默认路径给改了，所以需要修改系统环境变量。

# 修改用户变量path为：
# 改成自己的路径
D:\install\nodejs\node_global

# 新增系统变量NODE_PATH,变量值为
# 改成自己的路径
D:\install\nodejs\node_modules

6. npm 安装 yarn

# 使用淘宝镜像更快
npm install -g yarn --registry=https://registry.npm.taobao.org

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

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -

如果启动报错则删除项目里面的node_modules再重新install

7.最后附上版本信息

总结

提示：建议大家软件安装目录不要带有中文，可能会带来一些问题。