文章/答案/技术大牛

发布

社区首页 >问答首页 >VS代码+ ESLint +漂亮+谷歌风格+打字

问VS代码+ ESLint +漂亮+谷歌风格+打字
EN

Stack Overflow用户

提问于 2019-07-06 05:07:08

回答 1查看 4.2K关注 0票数 2

我正在努力实现这一点：

使用VS代码作为我的JavaScript和TypeScript编辑器，在保存JavaScript/TypeScript文档时自动应用来自eslint-config-google的格式化规则。

我的devDependencies如下：

  "devDependencies": {
    "@types/node": "^10.12.18",
    "@typescript-eslint/eslint-plugin": "^1.9.0",
    "@typescript-eslint/parser": "^1.9.0",
    "eslint": "5.16.0",
    "eslint-config-google": "0.13.0",
    "eslint-config-prettier": "^6.0.0",
    "eslint-plugin-prettier": "^3.1.0",
    "prettier": "^1.18.2",
    "typescript": "^3.4.3"
  }

我的.eslintrc

{
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint", "prettier"],
  "extends": ["eslint:recommended", "google", "prettier"],
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module"
  },
  "env": {
    "es6": true,
    "node": true,
    "mocha": true
  },
  "rules": {
    "prettier/prettier": ["error"]
  }
}

我的.prettierc

{
  "printWidth": 100,
  "singleQuote": true
}

我已经在VS代码中安装了prettier和eslint扩展，并在保存时启用了格式。

考虑以下代码：

'use strict';

describe('some test', () => {
  it('should return a string value', (done) => {
    return done();
  });
});

ESLint和Prettier都没有抱怨，但在保存文档时，Prettier删除了done周围的括号，并且eslint-config-google根据需要对它们进行了定义。

此外，当删除done周围的括号时，不会显示错误，而且它们也是必需的。

看起来eslint-config-google和漂亮的不同步，这可能是我的错。

这是怎么回事？

typescript

visual-studio-code

eslint

prettier

回答 1

Stack Overflow用户

发布于 2020-10-25 20:22:29

我正在使用类似的东西，但是使用来自jetbrains的webStorm和一些不同的技术堆栈，但也许下面的配置可能对你有用，请看看我的设置：

devDependencies

"eslint": "7.12.0",
"eslint-config-google": "0.14.0",
"eslint-config-react-app": "6.0.0",
"eslint-plugin-prettier": "^3.1.4",
"eslint-plugin-react": "7.21.5",
"eslint-plugin-react-hooks": "4.2.0",

.prettierrc

{
  "extends": [
    "plugin:prettier/recommended"
  ],
  "bracketSpacing": false,
  "tabWidth": 2,
  "useTabs": false,
  "trailingComma": "all",
  "singleQuote": true
}

.eslintrc.js

module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: ['plugin:react/recommended', 'google'],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: ['react', 'prettier'],
  rules: {
    'prettier/prettier': 'error',
  },
  settings: {
    react: {
      version: 'detect',
    },
  },
};

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56909236

复制

相似问题

问VS代码+ ESLint +漂亮+谷歌风格+打字
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VS代码+ ESLint +漂亮+谷歌风格+打字EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问VS代码+ ESLint +漂亮+谷歌风格+打字
EN