Visual Studio代码CSS缩进和格式


Answers:


105

是的,尝试安装vscode-css-formatter extension
它只是增加了功能,格式.css文件和快捷方式保持不变Alt+ Shift+ F


这个人做得很好。我尝试另一个中却闷闷不乐每次我保存的文件建议,我不得不救两次..
A. DC

1
如何在Windows上使用此扩展名?alt + shift + f不起作用,右键单击时没有“格式代码”选项。
kyw

1
安装扩展程序后,您是否重新启动过vs代码?另外,您要在哪些文件中执行此命令?
NValchev

13
没为我工作。Alt+Shift+F仍然给出:对不起,但是没有安装'css'文件的格式化程序。之后重新加载。美化css / sass / scss /少用
Leo

在Mac(Cmd + K,Cmd + F)上运行良好,并且不会影响使用相同键盘快捷键的其他文件类型的格式。谢谢
mojave


23

浪费一个小时找到最佳选择。

只需将其放在一起,即可轻松阅读并选择其中一个。

笔记:

  • CSS和SASS / SCSS / LESS都相关
  • HTML,Javascript,Typescript,JSON-VS代码已格式化
  • CSS及相关- 截至目前,VS代码尚未格式化

选项:

  • 格式化css / sass / scss / less:
    • 更漂亮
      • 所有css相关的支持,而不是其他,我选择了它,它很好用。
  • 格式化JavaScript / TypeScript / CSS:
  • 格式化JS,CSS,HTML,JSON文件(包装js-beautify)
  • 格式化CSS
    • CSS格式化程序
      • 但是,仅支持CSS,不支持所有相关内容-维护时间不超过6个月

格式化:

安装Prettier之后,在VS Code中按Alt+ Shift+ F


漂亮的列表列出了scss,但没有列出sass。Beautify声称支持Sass,但根据我的经验,它把一切都粉碎了。(明确地谈论Sass,而不是Scss)
Frank Nocke

5

在Visual Studio代码中打开本地bootstrap.min.css后,它看起来没有缩进。尝试使用逗号ALT + Shift + F,但没有成功。

然后安装

CSS Formatter扩展。

重新加载它并按ALT + Shift + F我的CSS文件缩进。

答对了 !!!



4

我建议使用Prettier,因为它具有很好的可扩展性,但仍然可以很好地使用:

1. CMD + Shift + P -> Format Document

要么

1. Select the text you want to Prettify
2. CMD + Shift + P -> Format Selection


1

安装HookyQR.beautify扩展名。它将在Visual Studio代码中美化您的JavaScript,JSON,CSS,Sass和HTML。这是为此目的最常用的扩展



-8

要在需要时在Visual Studio中设置代码格式,请按:(Ctrl + K)&(Ctrl + F)

可以在以下位置找到并更改自动格式设置规则:工具/选项->(左侧边栏):文本编辑器/ CSS(或您要更改的任何其他语言)

不幸的是,对于CSS语言,选项非常有限。您还可以在以下位置进行一些更改:... /文本编辑器/所有语言


6
问题是针对Visual Studio Code(VSCode)而非Visual Studio
Pierre
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.