当前位置: 移动技术网 > IT编程>开发语言>JavaScript > vscode写vue代码时常用格式化设置,解决格式化函数名后空格消失问题等...

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

2020年07月11日  | 移动技术网IT编程  | 我要评论

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网