新版vsCode配置eslint方法

不同的 vsCode 版本配置 eslint 会有所不同,下面记录 eslint 的配置。

1.下载 eslint 和 Prettier - Code formatter 插件

2.找到设置 -> 用户 -> 扩展 -> eslint,选择在 settings.json 中编辑配置项

3.配置项中添加如下代码

// 每次保存时将代码按eslint格式进行保存
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},
// 添加vue支持
"eslint.validate": ["javascript", "vue", "html"],

4.在 .eslintrc.js 文件中配置 rules 中添加

rules: {
  ...
  'prettier/prettier': [
    // eslint校验不成功后,error或2则报错,warn或1则警告,off或0则无提示
    'error',
    {
      // 不要分号
      semi: false,
      // 设置单引号
      singleQuote: true,
      // 设置换行长度
      printWidth: 160
    }
  ]
}
posted @ 2020-08-02 22:19  公瑾当年  阅读(21624)  评论(1编辑  收藏  举报