首页 文章

如何在Visual Studio代码(VSCode)中格式化代码

提问于
浏览
990

Visual Studio中用于格式化或"beautifying"代码的Visual Studio代码编辑器中的Ctrl K F和Ctrl K D相当于什么?

30 回答

  • 2417

    对于那些想要自定义要格式化的JavaScript文件的人,可以使用 JSfiles 属性上的任何扩展名同样适用于HTML .

    {
        "beautify.onSave": true,
        "beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],
        "beautify.HTMLfiles": ["htm", "html"]
    }
    

    这样可以在为TypeScript保存时实现美化,您可以将XML添加到HTML选项中 .

  • 44

    文件 - >首选项 - >设置

    "editor.formatOnType": true
    

    当你输入分号时,它会被格式化

  • 6

    不是这个,用这个: File --> Preferences --> Workspace Settings "editor.formatOnType":是的

  • 66

    您可以在 File --> Preferences --> Keyboard 快捷方式中添加键绑定 .

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

    Visual Studio 喜欢:

    { "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }
    
  • 189

    只需安装Microsoft的Visual Studio Keymap即可 . 问题解决了 . :p

  • 3

    Shift Alt f 在1.17.2及以上版本中做得很好 .

  • 91

    如果要自定义格式文档的样式,则应使用 Beautify 扩展 .

    请参阅此屏幕截图:

    img

  • 20

    Code Formatting Shortcut:

    Windows上的VSCode - Shift Alt F.

    MacOS上的VSCode - Shift选项F.

    Ubuntu上的VSCode - Ctrl Shift I

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

    Code Formatting While Saving the File:

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

    如果您想在保存时自动格式化您的内容,请在Visual Studio代码的工作空间设置中将此下面的代码段添加 .

    File --> Preferences --> Workspace Settings

    {
       // 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"
      ] 
    }
    

    注意:现在您可以自动格式化typescript文件检查我的更新

  • 27

    对于Fedora

    • 单击 File - > Preferences - > Keyboard shortcuts .

    • Default Keyboard Shortcuts 下,搜索(Ctrl F) editor.action.format .

    我看了 "key": "ctrl+shift+i"

    你也可以改变它 . 请参阅this answer了解如何......或者如果您感觉有点懒,可以向上滚动:


    您可以在“首选项 - >键盘快捷键”{“键”:“cmd k cmd d”,“command”:“editor.action.format”}或Visual Studio中添加键绑定:{“key”:“ctrl k ctrl d“,”command“:”editor.action.format“}


    请注意:cmd键仅适用于Mac . 对于Windows和Fedora(Windows键盘),请使用Ctrl

  • 14

    VS Code 1.6.1 支持“Save On Save”,它将自动获取相关的已安装格式化程序扩展,并在每次保存时格式化整个文档 .

    通过设置启用“保存格式”

    "editor.formatOnSave": true
    

    并且有可用的键盘快捷键(VS Code 1.7 及以上):

    Format whole document :Shift Alt F.

    Format Selection only :CtrlK CtrlF

  • 4

    在我为 Mac OS XDNVMDNX 安装 Mono 之前, C# 中的格式快捷方式不起作用 . 在我安装Mono之前,自动格式快捷键(Shift Alt F)仅适用于 .json 文件 .

  • 326

    在Visual Studio代码上,Shift Alt F正在执行Ctrl K D在Visual Studio上执行的操作 .

  • 4

    只需右键单击文本,然后选择“格式代码” .

    VS Code在内部使用js-beautify,但它缺乏修改你想要使用的样式的能力 . 扩展名“美化”可让您添加设置

  • 6

    虽然更改Visual Studio Code的默认行为需要扩展,但您可以覆盖工作区或用户级别的默认行为,并适用于大多数支持的语言(我可以保证html,javascript,c#)

    工作区级别

    Benefits

    • 不需要扩展名

    • 可以在团队之间共享

    Outcomes

    • .vscode/settings.json 在项目根文件夹中创建

    How To?

    • 转到: File --> Preferences --> Workspace Settings

    • 添加并保存 "editor.formatOnType": true 到settings.json(通过创建.vscode / settings.json文件覆盖您所处理项目的默认行为) .

    用户环境级别

    Benefits

    • 不需要扩展名

    • 个人开发环境tweeking统治他们所有(设置:))

    Outcomes

    • 用户的 settings.json 已修改(请参阅下面的操作系统位置)

    How To?

    • 转到: File --> Preferences --> User Settings

    • 在用户settings.json中添加或更改 "editor.formatOnType": false 的值为 "editor.formatOnType": true

    您的Visual Studio代码用户的 settings.json 位置是:

    设置文件位置根据您的平台,用户设置文件位于此处:Windows%APPDATA%\ Code \ User \ settings.json Mac $ HOME / Library / Application Support / Code / User / settings.json Linux $ HOME / . config / Code / User / settings.json工作区设置文件位于项目的.vscode文件夹下 .

    更多细节可能会被发现here

  • 1

    出于某种原因,Alt Shift F确实完成了't work for me on Mac VSC 1.3.1, actually the command 195603 don' . 但命令Formatter工作得很好 .

    因此,您可以使用Command Shift P并键入Formatter或在Preferences / Keyboard Shortcuts Command K Command S中创建自己的快捷方式,然后键入Formatter并添加快捷方式,请参阅示例:

  • 7

    默认这个键对我来说不适用于HTML,CSS,JS文档 .

    搜索后我发现这个流行的插件JS-CSS-HTML Formatter133,796 installs 安装后只需重新加载窗口并按CTRL SHIFT F它就可以了!

  • 3

    代码通过以下快捷方式在VS Code中提供格式设置:

    • 在Windows上按Shift Alt F.

    • 在Mac Shift选项F上

    • 在Ubuntu上按Ctrl Shift I

    或者,您可以通过Ctrl Shift P(或Mac上的Command Shift P)在编辑器中提供的搜索功能找到快捷方式以及其他快捷方式,然后搜索 format document .

  • 29

    在Mac中,使用⌘K然后⌘F .

  • 22

    必须先安装相应的插件(即XML,C#等) . 在安装相关插件并使用适当的扩展名保存文件之前,格式化将不可用 .

  • 13

    在Mac上 Shift+Alt+F 适合我 .

    您始终可以在菜单中检查键绑定:
    Code -> Preferences -> Keyboard Shortcuts 并按关键字'format'过滤 .

  • 5

    在Linux上按Ctrl Shift I.在Windows Alt Shift F.上使用HTML / CSS / JS和VsCode 1.18.0进行测试 .

    对于其他语言,您可能需要安装特定的语言包 .

  • 2

    在Visual Studio中格式化代码 .

    我尝试在Windows 8中进行格式化 .

    只需按照截图即可 .

    步骤1 . 单击顶部菜单栏上的视图,然后单击Command Pallete .

    • 然后Textbox将出现在我们需要类型Format的地方

    shift alt f

  • 34

    我在vscode(ubuntu)中使用的最简单方法是:

    选择要用鼠标格式化的文本 .

    Right click 并选择 "format selection"

  • 50

    Visual Studio代码LINUX:

    Ctrl [到unindent代码块和

    按Ctrl]进行质量缩进

  • 9

    使用扩展..

    保存文件时启用代码的自动格式化 .

    启动VS Code Quick Open(Ctrl P),粘贴以下命令,然后按enter键 .

    ext install format-on-save

    https://marketplace.visualstudio.com/items?itemName=gyuha.format-on-save

  • 14

    在ubuntu上它是Ctrl Shift i

  • 6

    选择文本,右键单击选择并选择“命令调色板”选项

    打开一个新窗口,搜索“格式”,然后根据需要选择具有格式的选项 .

  • 4

    右键组合是shift alt f

  • 10

    另请注意,截至今天,这些语言可以使用格式:

    • xml(他们removed it,错误太多)

    • html

    • json

    • javascript

    • 打字稿

    • c#

  • 44
    • 右键单击该文件

    • 从菜单框中选择格式化文档(Alt shift f) .

相关问题