vsCode 中给vue项目配置 eslint

林初笔墨

已于 2022-06-07 09:51:42 修改

阅读量563

点赞数

分类专栏： vsCode 文章标签： vue javascript

于 2021-05-15 10:39:46 首次发布

本文链接：https://blog.csdn.net/weixin_44600183/article/details/116836844

版权

vsCode 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何配置Visual Studio Code（VSCode）以实现工作区颜色主题设置、禁用默认Vetur模板验证、启用 ESLint 自动格式化，并针对.vue和.typescript文件指定ESlint为默认格式化器。此外，还设置了自动保存时格式化、调整窗口缩放级别、确认删除文件选项以及关闭自动更新和拓展插件更新，确保开发环境高效且一致。

摘要由CSDN通过智能技术生成

{
  // 编辑主题
  "workbench.colorTheme": "Atom One Dark",
  // 避免默认 Vetur 模板验证
  "vetur.validation.template": false,
  "eslint.validate": ["javascript", "javascriptreact", "vue"],
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true,
  //  .vue 使用ESlint 格式化代码
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  //  .typescript 使用ESlint 格式化代码
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  },
  "window.zoomLevel": 1,
  "explorer.confirmDelete": false,
  // 启用ESlint作为格式化工具
  "eslint.format.enable": true,
  "cssrem.rootFontSize": 80,
  "bracket-pair-colorizer-2.depreciation-notice": false,
  // 自动更新vscode
  "update.mode": "none",
  // 自动拓展插件更新
  "extensions.autoUpdate": false
}