欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-10 09:43:28
首先安装插件"Prettier - Code formatter"、“vetur”、"ESLint"// 让函数(名)和后面的括号之间加个空格"[javascript]": { "editor.defaultFormatter": "vscode.typescript-language-features" }, "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "tslint.autoFixOnSave":...

首先安装插件"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