企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## vs code 代码格式化整理 2018年05月22日 18:13:16 阅读数:10658 标签: vs code 格式化 快捷键 更多 个人分类: vs code 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/latency_cheng/article/details/80409202 vs code格式化代码的快捷键如下:(来源于这里) ![](https://box.kancloud.cn/6723ed0fa2c9ed1cfac15b2669cd9ef7_321x126.png) 但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。 1、代码格式化为eslint风格(参考自这里) 需要插件:eslint ![](https://box.kancloud.cn/eb209d920c14bc382dcbf7ed329bc254_843x220.png) 在设置中添加: ~~~ "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true }, { "language": "vue", "autoFix": true } ], ~~~ eslint.autoFixOnSave 用来进行保存时自动格式化,但是默认只支持 javascript .js 文件。 eslint.validate 用来配置作用的文件类型。 然后在保存代码的时候,就会自动格式化为eslint风格(需要保存多次)。 2、HTML格式化代码缩进 需要插件:Vetur ![](https://box.kancloud.cn/7459d74e57d7f869ef19ce31363d56b8_819x212.png) Vetur是一个功能非常强大的插件,为 vs code 编写Vue代码提供了强大的支持,也支持大多数主流的前端开发脚本。具体可以看这里->Vetur文档 安装这个插件后,可以在设置中看到如下的内容: ![](https://box.kancloud.cn/91372ec04556e8cae92fcd443fdcca68_685x899.png) 为了让HTML代码可以格式化缩进,添加如下一条: ~~~ "vetur.format.defaultFormatter.html": "prettier" ~~~ 然后用格式化代码的快捷键就可以了。