天下布武

Windows 系统，打开 C:\Windows\System32\drivers\etc，复制其中的 hosts 文件至桌面，用文本编辑器或者其他工具打开。一般情况下，问题就会解决。如果发现问题，可通过以下方式更新以上网址对应的 IP 地址。原因是 Github 被 GFW 屏蔽了。保存后，将改文件再复制回去。

所有和前端工程化工具的系列合集，快速提升开发效率。

作为前端工程化中的重要工具，主要用于检查和修复 JavaScript/TypeScript 代码中的错误。目的是为了统一代码风格，并确保代码的一致性和可维护性。

在 HTML 中通过 script 标签引入第三方库的时候，会用到库中定义的全局变量。可以通过以下方式在 ESLint 中自定义全局变量来避免报错，示例中全局变量的名称为 AMap。globals: {AMap: "readonly", // 将相应的值设置为 "可写 "或 "只读"，"writable"表示允许覆盖变量，"readonly"表示不允许覆盖变量。如用到浏览器环境下的全局变量（如：window）或者 Node.js 中的全局变量（如 ：global）等。

是 CSS/SCSS 代码的静态分析工具，用于检查代码中的错误和样式违规。

是对 Git 提交的信息进行校验的工具。

可以在 Git 提交或推送时自动检查提交信息、代码并运行测试。

（Visual Studio Code）是一款由微软开发的强大且轻量级的代码编辑器，支持多种编程语言，并提供了丰富的扩展插件生态系统。这里主要介绍如何使用配置 ESLint、Stylelint 等插件来提升开发效率。

（Performant NPM）是一个高效的 NPM 包管理器，它使用硬链接和符号链接来减少磁盘空间的使用，并提高了安装速度。

在中曾介绍过 commitlint，它主要负责检查提交信息的规范性。而本文中的 commitizen，则是提供给了一个交互式的命令行界面，引导开发者按照预定义的格式填写提交信息。它俩的目的都是规范 git 提交。按照使用习惯选择其一即可。

是一个基于项目目录结构动态生成 Markdown 格式目录结构的工具，方便开发者在文档中展示文件和文件夹的组织结构。

是一个能够在不同的前端工具间共享目标浏览器的配置，各工具根据该配置进行代码转译等操作。具体的这些前端工具为：Autoprefixer、Babel、postcss-preset-env、eslint-plugin-compat、stylelint-no-unsupported-browser-features、postcss-normalize、obsolete-webpack-plugin 等，他们会根据配置自动查找要兼容的所有目标浏览器或 Node.js 版本。

是一个Javascript 编译器。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容(backwards compatible)的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其它环境(如：Node.js)中。Babel 可以单独运行也可以和 Webpack、Rollup 等工具结合使用。

是转换 CSS 语法的工具。它提供 API 来对 CSS 文件进行分析和修改它的规则。PostCSS 本身并不能直接使用，主要是使用基于 PostCSS 编写的插件。

在项目根目录下创建 rollup.config.js 文件。

是用于现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会在内部构建一个依赖关系图，该图映射项目所需的每个模块最终会生成一个或多个包。