千家信息网

​ vscode整理代码的方法

发表于:2025-02-02 作者:千家信息网编辑
千家信息网最后更新 2025年02月02日,这篇文章主要介绍 vscode整理代码的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!vscode整理代码的方法:1、使用vscode自带代码格式化功能整理,vs code
千家信息网最后更新 2025年02月02日​ vscode整理代码的方法

这篇文章主要介绍 vscode整理代码的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

vscode整理代码的方法:

1、使用vscode自带代码格式化功能整理,vs code格式化代码的快捷键如下:

在Windows环境下使用快捷键:Shift + Alt + F

在Mac环境下使用快捷键:Shift + Option + F

在Ubuntu环境下使用快捷键:Ctrl + Shift + I

2、使用插件格式化代码:

示例:

需要插件:eslint

在设置中添加:

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

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

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

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

以上是" vscode整理代码的方法"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

0