最新消息: 关于Git&GitHub 版本控制你了解多少?
您现在的位置是:群英 > 开发技术 > 编程语言 >
vscode代码格式化使用什么插件好?
网络发表于 2021-04-28 17:25 次浏览

相关推荐:《vscode教程》

vs code格式化代码的快捷键如下:(来源于这里)

  • On Windows Shift Alt F
  • On Mac Shift Option F
  • On 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代码格式化的方法的详细内容,更多请关注群英网络其它相关文章!

标签:vscode插件
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
相关信息推荐
2021-05-08 15:24:48 关键词:VSCode,Java
摘要:VSCode中怎么搭建Java开发环境?下面本篇文章给大家介绍一下VSCode配置Java开发环境的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。..
2021-04-28 17:25:50 关键词:javascript实战分享:VS Code 调试 js 的
摘要:VSCode如何调试js代码?下面本篇文章给大家介绍一下VSCode调试js代码的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。..
2021-04-28 17:24:55 关键词:VScode,Java
摘要:本篇文章给大家介绍一下VS code Java 配置与使用。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。..
2021-04-19 17:10:05 关键词:前端,正则表达式,VSCode
摘要:你是不是一直都想学正则表达式,但是因为它的复杂性而被推迟了?在本文中,我将向你展示五个易于学习的正则技巧,你可以立即在自己喜欢的文本编辑器中使用它们。..
2021-04-19 17:08:39 关键词:vscode,vue,必备插件
摘要:本篇文章给大家介绍一些开发vue项的一些vscode必备插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。..