一文教你搭建工程化开发环境!

搭建工程化开发环境

下载 Node.js

官方下载地址

https://nodejs.org/zh-cn/download/releases

node.js 版本迭代的非常快，目前官方已经推出到 v19.2.0 版本了，相对是一个比较新的版本了。建议下载 v14.18.3 版本，至少这个版本目前在很多项目中运用过，算是比较稳定。

根据自己的操作系统选择安装，我的是 Windows 11 64 位操作系统。

安装的时候全部按默认即可。目前好像不需要配置环境变量了。

验证 Node.js 环境是否搭建成功

在终端输入 node -v 和 npm -v 命令后查看版本号有没有出来，如果有证明配置成功了。

请确保上面两个版本号跟我一样，否则后期安装项目依赖包时候出现问题时不好排查。

npm 镜像源修改

镜像源就像你去市场买菜一样，肯定是想去近的那个，不用大老远跑去很远的地方买。

默认镜像源：https://registry.npmjs.org 下载一般都很慢。

国内淘宝镜像源：https://registry.npm.taobao.org

国内淘宝镜像源（新版）：https://registry.npmmirror.com

通过 npm config set registry https://registry.npmmirror.com 修改 npm 镜像源，使得下载第三方包更加快速。

安装 yarn

在命令行工具中运行 npm install yarn -g

主要为了后续工程化项目中安装插件使用。

系统默认会禁止使用 yarn 需要通过 set-ExecutionPolicy RemoteSigned 命令设置允许一下。

否则使用 yarn 安装插件时候会报错。

原文链接：菜园前端