您好,欢迎访问一九零五行业门户网

浅谈vscode代码格式化的方法

相关推荐:《vscode教程》
vs code格式化代码的快捷键如下:(来源于这里)
on windows shift + alt + fon mac shift + option + fon ubuntu ctrl + shift + i但是自带的格式化并不能满足我的需求,这个时候,不得不说插件大法好。
1、代码格式化为eslint风格(参考自这里)
需要插件:eslint
在设置中添加:
"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
vetur是一个功能非常强大的插件,为 vs code 编写vue代码提供了强大的支持,也支持大多数主流的前端开发脚本。具体可以看这里->vetur文档
安装这个插件后,可以在设置中看到如下的内容:
为了让html代码可以格式化缩进,添加如下一条:
"vetur.format.defaultformatter.html": "prettier"
然后用格式化代码的快捷键就可以了。
更多编程相关知识,请访问:编程课程!!
以上就是浅谈vscode代码格式化的方法的详细内容。
其它类似信息

推荐信息