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

最新推荐文章于 2024-07-17 13:06:33 发布

清风0122

最新推荐文章于 2024-07-17 13:06:33 发布

阅读量7.7k

点赞数 5

分类专栏： vscode格式化设置文章标签： vue.js

本文链接：https://blog.csdn.net/node_001/article/details/107227684

版权

vscode格式化设置专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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