VSCode编辑器 代码格式化整理

来源:柚子科技 WordPress 主题、WordPress插件    date:2022-9-12        WordPress主题themes插件plugins开发定制

vs code格式化代码的快捷键如下:

  • On Windows Shift + Alt + F
  • On Mac Shift + Option + F
  • On Ubuntu Ctrl + Shift + I

但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。

代码格式化为eslint风格

需要插件:eslint

VSCode编辑器 代码格式化整理

在设置中添加:

"eslint.autoFixOnSave": true, "eslint.validate": [   "javascript",   "javascriptreact",   {     "language": "html",     "autoFix": true   },   {     "language": "vue",     "autoFix": true   } ], 

eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件。

eslint.validate 用来配置作用的文件类型。

然后在保存代码的时候,就会自动格式化为eslint风格(需要保存多次)。

腾讯云限时秒杀【点击购买】

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】