100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vscode中怎样格式化js代码_如何在Visual Studio代码(VSCode)中格式化代码

vscode中怎样格式化js代码_如何在Visual Studio代码(VSCode)中格式化代码

时间:2023-10-15 12:09:11

相关推荐

vscode中怎样格式化js代码_如何在Visual Studio代码(VSCode)中格式化代码

回答(30)

2 years ago

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

{

"beautify.onSave": true,

"beautify.JSfiles": ["js", "json", "jsbeautifyrc", "jshintrc", "ts"],

"beautify.HTMLfiles": ["htm", "html"]

}

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

2 years ago

文件 - >首选项 - >设置

"editor.formatOnType": true

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

2 years ago

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

2 years ago

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

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

或 Visual Studio 喜欢:

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

2 years ago

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

2 years ago

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

2 years ago

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

请参阅此屏幕截图:

2 years ago

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文件检查我的更新

2 years ago

对于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

2 years ago

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

2 years ago

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

2 years ago

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

2 years ago

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

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

2 years ago

虽然更改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

2 years ago

出于某种原因,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并添加快捷方式,请参阅示例:

2 years ago

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

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

2 years ago

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

在Windows上按Shift Alt F.

在Mac Shift选项F上

在Ubuntu上按Ctrl Shift I

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

2 years ago

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

2 years ago

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

2 years ago

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

您始终可以在菜单中检查键绑定:

Code -> Preferences -> Keyboard Shortcuts 并按关键字'format'过滤 .

2 years ago

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

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

2 years ago

在Visual Studio中格式化代码 .

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

只需按照截图即可 .

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

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

shift alt f

2 years ago

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

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

Right click 并选择 "format selection"

2 years ago

Visual Studio代码LINUX:

Ctrl [到unindent代码块和

按Ctrl]进行质量缩进

2 years ago

使用扩展..

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

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

ext install format-on-save

2 years ago

在ubuntu上它是Ctrl Shift i

2 years ago

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

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

2 years ago

右键组合是shift alt f

2 years ago

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

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

html

json

javascript

打字稿

c#

2 years ago

右键单击该文件

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。