如何使用 VS Code 为 React Native / JavaScript 项目 (Expo) 设置 ESlint + Prettier 和 Airbnb 风格指南？

Question

所以我搜索了几乎所有与此相关的教程，但我无法使其工作。 在教程中，当您

npm install eslint

时，它会在命令行中询问您是否想使用流行的样式指南，但情况不再是这样了。它们看起来都已经过时了，我没有找到有关 eslint 最新版本的指南。

我不是软件包、npm、npx 或 React 开发方面的专业人士。但我想学习和理解。如果您能解释在我自己的 React Native 项目中使用 Airbnb 风格指南的命令和步骤，我将不胜感激。

Answer 1

使用以下命令将

eslint-config-airbnb

包安装为开发依赖项：

npm i -D eslint-config-airbnb

然后，将爱彼迎添加到您的

eslintrc

文件的

extends

属性中：

"extends": "airbnb"

如果您安装 ESLint VS Code 扩展，那么它会自动突出显示任何问题。

此外，您提到的访问

esltintrc

自动配置的命令实际上是

npx eslint --init

，所以您也可以使用它。