当前位置: 首页>>技术问答>>正文


在Visual Studio Code(VSCode)中如果做代码格式化?

潇湘子 技术问答 , 去评论

 

问题详细描述

在Window上Visual Studio中,代码格式化可以使用Ctrl + K + FCtrl + K + D,那么在Visual Studio Code编辑器中有类似的格式化方法,或者说快捷键吗?
vscode

 

最佳解决方法

在VS Code中,代码格式化可通过以下快捷方式:

  • Windows Shift + Alt + F
  • 在Mac上Shift + Option + F
  • 在Ubuntu Ctrl + Shift + I

或者,您可以通过编辑器中提供的Ctrl + Shift + P(或Mac上的Command + Shift + P)搜索功能,然后搜索format document(格式化文档),找到相应的快捷方式。

 

次佳解决方法

您可以在“首选项 - >键盘快捷键”中添加键盘绑定

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

或者在Visual Studio中:
{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

 

第三种解决方法

正确的组合键是shift + alt + f

 

第四种方法

代码格式化的快捷方式:

Windows上的VSCode - Shift + Alt + F

Mac OS上的VSCode - Shift + Alt + F

Ubuntu上的VSCode - Ctrl + Alt + I

如果需要,您还可以使用首选项设置自定义此快捷方式。

保存文件时的代码格式化:

Visual Studio代码允许用户自定义默认设置。

如果要在保存文件时自动格式化内容,请将以下代码段添加到VSCode的工作空间设置中。

文件 - >偏好 - >工作区设置

{
    // Controls if the editor should automatically format the line after typing
      "beautify.onSave": true,

      "editor.formatOnSave": true,


   // You can auto formate any files based on extensions type. 
"beautify.JSfiles": [
    "js",
    "json",
    "jsbeautifyrc",
    "jshintrc",
    "ts"
  ] 

}

 

第五种方法

在ubuntu上可以用Ctrl + Shift + i

 

第六种方法

只需右键点击,然后选择"format code"(格式化代码)。

VSCode在内部使用js-beautify,但缺少修改您希望使用的样式的功能。可以考虑"beautify"扩展。

 

第七种方案

VSCode 1.6.1支持“格式保存”,它将自动拾取相关的安装格式化扩展名,并在每次保存时格式化整个文档。

通过设置启用“保存格式”来启动此功能:

"editor.formatOnSave": true

还有可用的键盘快捷键方式(VS代码1.7及以上):

格式化全文:Shift + Alt + F

仅格式化选择的部分:Ctrl K + Ctrl F

 

第八种方案

在Visual Studio Code中,Shift + Alt + F等同于Visual Studio上的Ctrl + K + D

 

其他解决思路

直到我安装了Mac OS X,DNVM和DNX的Mono,C#中的格式快捷方式对我来才有效。在我安装Mono之前,自动格式化的快捷方式(shift + alt + f)仅适用于.json文件。

参考文献

本文由《纯净的天空》出品。文章地址: https://vimsky.com/article/3566.html,未经允许,请勿转载。