vscode ctrl + s 保持时自动格式化

{

// vscode默认启用了根据文件类型自动设置tabsize的选项

"editor.detectIndentation":false,

// 重新设定tabsize

"editor.tabSize":2,

// #每次保存的时候自动格式化

"editor.formatOnSave":true,

// #每次保存的时候将代码按eslint格式进行修复

"eslint.autoFixOnSave":true,

// 添加 vue 支持

"eslint.validate": [

"javascript",

"javascriptreact",

    {

"language":"vue",

"autoFix":true

    }

  ],

// #让prettier使用eslint的代码格式进行校验

"prettier.eslintIntegration":true,

// #去掉代码结尾的分号

"prettier.semi":false,

// #使用带引号替代双引号

"prettier.singleQuote":true,

// #让函数(名)和后面的括号之间加个空格

"javascript.format.insertSpaceBeforeFunctionParenthesis":true,

// #这个按用户自身习惯选择

"vetur.format.defaultFormatter.html":"js-beautify-html",

// #让vue中的js按编辑器自带的ts格式进行格式化

"vetur.format.defaultFormatter.js":"vscode-typescript",

"vetur.format.defaultFormatterOptions": {

"js-beautify-html": {

"wrap_attributes":"auto"

// #vue组件中html代码格式化样式

    }

  }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装插件 eslint vetur 在文件 - 首选项 - 设置中打开 settings.json,复制以下内容
    my木子阅读 1,814评论 0 0
  • 首先安装eslint,prettier-Code formatter,vetur 这三个插件 首选项设置那加上这些...
    前端ererer阅读 2,978评论 0 0
  • 一开始遇到的就是vue文件出现很多莫名其妙的波浪线 下面是我进行的一些配置和插件 配置的话就在用户配置里面我直接复...
    小黑的眼阅读 4,649评论 0 7
  • {"terminal.integrated.shell.windows": "D:\\GIT\\Git\\bin\...
    阿沙冲冲冲阅读 453评论 0 0
  • 春, 紫陌,芳尘。 云习习,燕纷纷。 青山滴翠,碧水披鳞。 夭桃红万里,细柳绿三分。 鹤梦姚黄国色,时和世泰新村。...
    沧海冰心阅读 763评论 2 22