请选择 进入手机版 | 继续访问电脑版

用于React开发的VS代码设置

前端开发  / React.js  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2020-5-16

跳转到指定楼层

简单的步骤即可获得一个不错的VS Code设置,并带有lint提示和保存格式

这篇文章解释了为React开发获得良好的VS Code设置的简单步骤,并带有保存的提示格式

ESLint

首先,我们将安装ESLint。ESLint是一个了不起的工具,可以帮助您保持代码的小巧和整洁。

yarn add babel-eslint
yarn add eslint-config-airbnb
yarn add eslint-plugin-jsx-a11y
yarn add eslint-plugin-react

现在,.eslintrc.json在项目的根目录中创建一个文件,并添加以下几行,以使用ESXint 支持JSX支持的基本ESLint配置:

{
  "parser": "babel-eslint",
  "extends": "airbnb",
  "plugins": ["react", "jsx-a11y", "import"]
}

更漂亮

npm install -g prettier-eslint --save-dev

接下来,我们将向VS Code配置中添加一些规则,以在每次保存时应用Prettier,并将其与ESLint集成。按cmd+,(在Mac上),将显示VS Code配置。最后输入:

"editor.formatOnSave": true,
"javascript.format.enable": false,
"prettier.eslintIntegration": true
转播转播
回复

使用道具

成为第一个评论人

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

damonare

网站编辑

  • 主题

    267

  • 帖子

    269

  • 关注者

    0

手机版|ObjectX 超对象 |粤ICP备20005929号
Powered by  © 2019-2020版权归ObjectX 超对象