javascript - 安装 eslint 作为扩展和安装为 npm 包有什么区别？

Question

我一直在关注有关设置和配置 的各种博客和视频eslint 和更漂亮的 vscode 和开发 .但每篇无法解释 why do we need to separately install eslint as an npm package and vs code extension?如果我安装其中任何一个会有什么不同？

Answer 1

why do we need to separately install eslint as npm package and vscode extension?

简短的回答:你没有。
长答案:
安装 ESLint/Prettier 作为扩展，允许你在 VSCode 中格式化/检查你的代码。
但是，将它们也安装为依赖项会带来额外的好处:

VSCode 将使用与安装完全相同的包。所以当 VSCode 说 OK 时你不会发现这种情况，但是你的 CI 服务器说:NOT OK

您可以控制版本，并且可以随时更新

您将能够为不同的项目使用不同的版本。当您无法迁移旧项目，但想为新项目使用最新的可能性时，这一点尤其重要

您将能够通过 script 访问 Prettier/ESlint package.json 的 block ，并且能够完全按照您的需要编写带有参数的自定义命令

您将能够将它们与 Husky 或 NPM Hook 配对以自动验证/格式化代码

根据我的经验，如果您可以在本地安装某些东西 - 将其安装为包依赖项(CLI 除外，如 create-react-app 或 angular-cli 可以帮助您启动应用程序)。这会让你的生活有点可预测。