如何让自己的代码漂亮,看别人的代码也舒服?
在做代码开发的时候,有时候看到别人杂乱的代码,莫名的心烦,但又不得不看,所以在编辑器上配置beautify插件会很大的解决这个痛点,得益于VSCODE强大的插件库,有时候安装了,但配置起来并不是那么方便,那么本文就将我的配置发布出来供大家参考。
-
安装插件
在插件库搜索beautify,会弹出很多插件
你需要根据你自己的语言选择对应的插件安装,尽量选择在维护中的插件
我是做前端的,所以选择的是beautify blade,格式化语言:javascript, JSON, CSS, Sass, and HTML![在这里插入图片描述](https://img-blog.csdnimg.cn/cc42b7d4f0b549a78d16c69e7d33924d.png2.
-
配置VScode的setting.json文件
打开VScode设置,打开setting.json文件如下将如下配置写入setting.json文章来源:https://www.toymoban.com/news/detail-524966.html
{
"editor.tabSize": 2, //设置tab缩进格数,我习惯是2格,可根据个人修改
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"beautify.language": {
"js": {
"type": [
"javascript",
"json"
],
"filename": [
".jshintrc",
".jsbeautifyrc"
],
"ext": [
"js",
"json"
]
// ^^ to set extensions to be beautified using the javascript beautifier
},
"css": [
"css",
"scss"
],
"html": [
"htm",
"html",
"php",
"blade.php"
]
},
"editor.formatOnSave": true, //设置格式化触发条件,为true时,每次保存就自动格式化
"beautify.ignore": [
"*/test.js",
"**/spec/*",
"**/test/**/*"
],
"beautify.config": "",
}
以上,希望能帮到有需要的人!文章来源地址https://www.toymoban.com/news/detail-524966.html
到了这里,关于VScode自动格式化代码(tab缩进、符号空格)配置beautify插件使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!