node.js和yarn的环境搭建（详细教程）

1.浏览器搜索node.js官网​​​​​​Node.js — Run JavaScript EverywhereNode.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.https://nodejs.org/zh-cn

点击下载，然后下载lts版本这个是长期支持版本，下载安装包版本不用配置。

2.安装过程

设置位置

• Node.js runtime：核心运行环境，必须装，是执行 Node.js 代码的基础。
• corepack manager：管理包工具（比如 yarn 等），需要就保留，想自己装 yarn 也可以后续用 npm 装。
• npm package manager：Node.js 自带的包管理器，必选，装完用 npm 命令下依赖。
• Online documentation shortcuts：在线文档快捷方式，想要快速查文档就留，无所谓可以去掉。
• Add to PATH：自动配置系统环境变量，必选！否则装完无法在任意目录用 node/npm 命令。
• 
• 下面这个建议勾选，npm安装，写c++项目会用到
• 有些 npm 包（比如涉及底层操作、性能敏感的库）需要编译 C/C++ 代码才能用。这一步就是问你：是否要自动装编译这些包需要的工具（Python、Visual Studio Build Tools 等），还会顺带装 Chocolatey（一个 Windows 包管理工具）。
  选项建议
  普通前端 / Node 开发：如果只是装 Node 跑常规 JS 代码、用常用 npm 包（React、Vue 这些），不用勾选 ，直接点 Next 跳过。因为很多场景用不到编译原生模块，手动装依赖反而麻烦。
  需要编译原生模块：要是你明确知道要装依赖 C/C++ 的包（比如 node-sass 老版本、一些硬件相关库），可以勾选，让安装程序自动配环境。但要注意，自动装会额外装 Chocolatey，且过程可能要下载不少东西，稍慢些。
• 
• 
• 3.检查是否安装成功win+r输入cmd打开终端
• 输入npm -v和node -v显示这些说明成功了。
• 
• 4.开始安装yarn依赖的准备工作
• 安装指定位置先输入命令npm config set prefix "你想指定的全局路径"
• 以及yarn的缓存位置 命令npm config set cache“你想指定的位置”
• 例如我这样
• npm config set prefix "D:\node.js yarn\yarn"
• npm config set cache "D:\node.js yarn\yarn-cache"
• 输入这两个命令检验是否匹配位置成功
• npm config get prefix # 输出：D:\node.js yarn\yarn
• npm config get cache # 输出：D:\node.js yarn\yarn-cache
• 
• 5.安装yarn依赖
• npm install -g yarn
• 
• 6.配置yarn的环境依赖
• 安装之后找到yarn的bin文件夹将他配置到系统环境里面
• 
• win搜索编辑系统环境变量
• 
• 找到环境变量里面的系统变量的path
• 
• 点编辑新建把刚刚的bin文件夹位置加进去，再依次点击三个确定，然后应用
• 
• 7.检验yarn是否安装成功
• 重新打开一个终端输入yarn --version就可以看到yarn的版本号了。
• 
• 8.最后就可以开始前端的编程之旅了。输入yarn dev进入网站轻轻松松。
• 
• localhost:3000 不是特定的公共网站，而是本地开发环境中，你的 Next.js 项目启动后在本地计算机上的访问地址。打开就是自己的网站项目。