eslint和VSCode中更漂亮的格式

时间:2019-01-23 11:22:02

标签: visual-studio-code eslint prettier

回购示例:https://github.com/PatrickHeneise/vue-vscode-eslint

在使用eslint.eslintrc的同时使用.prettierrc和VSCode时,我得到不同的格式结果:

eslint --ext .js,.vue src test --fix

eslint

VSCode:

vsode

在VSCode中保存文件后,eslint在开发过程中抱怨很多警告。我在VSCode中安装了Vetur,更漂亮和eslint软件包。

.eslintrc

module.exports = {
  root: true,
  env: {
    node: true,
    browser: true
  },
  extends: ['plugin:vue/essential', '@vue/prettier'],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    ecmaVersion: 2018,
    parser: 'babel-eslint'
  }
}

.prettierrc

{
  "semi": false,
  "singleQuote": true
}

0 个答案:

没有答案