vscode 保存格式化

1、格式化和eslint冲突,结尾去掉逗号,分号等
在这里插入图片描述
2、将其复制粘贴

{
	  // 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": "force-aligned"
	         // #vue组件中html代码格式化样式
	     }
	 },
	 // 格式化stylus, 需安装Manta's Stylus Supremacy插件
	 "stylusSupremacy.insertColons": false, // 是否插入冒号
	 "stylusSupremacy.insertSemicolons": false, // 是否插入分好
	 "stylusSupremacy.insertBraces": false, // 是否插入大括号
	 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
	"stylusSupremacy.insertNewLineAroundBlocks": false,
	"editor.codeActionsOnSave": {
	  "source.fixAll.eslint": true
	} // 两个选择器中是否换行
}

3、如果发现未生效在根目录下创建 .prettierrc文件,
在这里插入图片描述

{
  "printWidth": 120,
  "tabWidth": 2,
  "singleQuote": true,
  "semi": true,
  "bracketSpacing": true,
  "jsxBracketSameLine": true
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值