关于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 的报错，间接在文件中敞开即可。如果有问题能够在上面发问，个别的问题博主 大略可能应该能够 答复。