关于eslint:使用vueCli40配置eslintprettier

家喻户晓eslint只是个语法查看工具，要想做到真正的主动批改语法错误，还要考prettier。上面介绍两种形式，能够在VScode工具里应用。首先，所有的前提是你的vscode曾经装置了prettier插件，而且我倡议你开启保留时主动调整代码，文章最初附上。

上面步骤用图片代替：





而后接下来的步骤两个可选项：

第一个

第二个

好了，当初应用vuecli4.0生成的vue就胜利了。
间接用VScode关上我的项目，而后在主目录增加这样这个文件：prettier.config.js。

文件的内容次要如下：

module.exports = {
  printWidth: 80,
  tabWidth: 2,
  useTabs: false,
  semi: false, // 开端不加尾号
  singleQuote: true, // 默认单引号
  quoteProps: 'as-needed',
  jsxSingleQuote: false,
  trailingComma: 'none', // es5对象属性最初加逗号。none不加
  bracketSpacing: true,
  jsxBracketSameLine: false,
  arrowParens: 'always',
  htmlWhitespaceSensitivity: 'ignore',
  vueIndentScriptAndStyle: false, // script、style标签不缩进
  endOfLine: 'lf',
}

当然这样还没行，在.eslintrc.js文件要多一个规定：

这里是代码：

 'space-before-function-paren': 'off'

至此，我的项目就配置实现了。运行npm run serve能够我的项目失常运行。

补充

如何在VScode开启prettier保留时运行呢？上面是步骤：
关上设置->搜寻save

揭示

如果我的项目理论开发过程中有哪些eslint的报错，间接在文件中敞开即可。如果有问题能够在上面发问，个别的问题博主大略可能应该能够答复。