Vue + TypeScript + ESLint 项目下 setting.json配置

最新推荐文章于 2024-06-20 08:57:02 发布

qq_40232115

最新推荐文章于 2024-06-20 08:57:02 发布

阅读量259

点赞数

文章标签： vue.js typescript 前端 javascript vscode

本文链接：https://blog.csdn.net/qq_40232115/article/details/127675340

版权

需要先安装ESLint 扩展程序

{
  "security.workspace.trust.untrustedFiles": "open", //工作区相关
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,  //让函数(名)和后面的括号之间加个空格
  "editor.tabSize": 2,
  "editor.fontSize": 16,
  "editor.formatOnSave": true, //每次保存自动格式化
  "files.autoSave": "afterDelay", // 自动保存
  "editor.fontFamily": "'Cascadia Code',Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "terminal.integrated.gpuAcceleration": "off",
  "workbench.colorTheme": "One Dark Pro",
  "workbench.editorAssociations": {
    "*.html": "default"
  },
  /** eslint相关 **/
  "[typescript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
  },
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
  },
  "[vue]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint"  // 只采用eslint的格式化
  },
  "eslint.alwaysShowStatus": true, //始终显示ESlint状态栏项
  "eslint.format.enable": true, // eslint格式化开启
  "eslint.validate": [ // eslint校验的文件列表
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue"
  ], 
/**
  ( formatOnSave) 仅格式化代码，
  (codeActionsOnSave)可以在代码上运行一个或多个命令，这些命令可能与格式无关。
**/
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true, //使用eslint提供的自动格式化代码
    "source.organizeImports": true, //删除不必要的导入语句 对导入语句进行排序 ts支持
  },
  "diffEditor.ignoreTrimWhitespace": false,
}