vscode写vue代码时常用格式化设置,解决格式化函数名后空格消失问题等...

2022-08-08,,,,

首先安装插件"Prettier - Code formatter"、“vetur”、"ESLint"

// 让函数(名)和后面的括号之间加个空格
"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "tslint.autoFixOnSave": true,
  "vetur.completion.autoImport": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript"
// #每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
// 去掉代码结尾的分号
  "prettier.semi": true,
// 使用带引号替代双引号
  "prettier.singleQuote": true,
// 设置空格为2个缩进
"editor.tabSize": 2,
// 设置每次保存自动格式化
"editor.formatOnSave": true,
// 设置不显示文件
"files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/node_modules": true
  },

本文地址:https://blog.csdn.net/node_001/article/details/107227684

《vscode写vue代码时常用格式化设置,解决格式化函数名后空格消失问题等....doc》

下载本文的Word格式文档,以方便收藏与打印。