Visual Studio代码CSS缩进和格式化

Question

我想知道是否有任何方法可以使用快捷键ALT+ SHIFT+ 在visual studio代码中激活自动缩进CSS文件F？

它适用于JavaScript,但奇怪的是没有CSS.

Answer 1

是的,尝试安装vscode-css-formatter扩展.它只是添加了格式化.css文件的功能,并且快捷方式保持不变Alt+Shift+F.

不适合我.`Alt + Shift + F`仍然给出:*抱歉,但没有安装'css'文件的格式化程序.*afte reload.[Beautify css/sass/scss/less](https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier)工作. (12认同)
如何在 Windows 上使用这个扩展？alt+shift+f 不起作用，并且右键单击时没有“格式代码”选项。 (2认同)

Answer 2

运行这个

输入 alt+shift+f

要么

按F1或ctrl+shift+p 然后输入美化..

我认为这个扩展在内部使用js-beautify

Answer 3

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

只需将它们放在一起,便于阅读并选择一个.

笔记:

选项:

格式化css/sass/scss/less:
- https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
  - 所有css相关支持,而不是其他,我选择这个,它很有效.
要格式化JavaScript/TypeScript/CSS:
- https://marketplace.visualstudio.com/items?itemName=michelemelluso.code-beautifier
  - 但是,VS代码已经支持JS,TS
格式化JS,CSS,HTML,JSON文件(包装js-beautify)
- https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter
  - 但是,VS代码已经支持JS,HTML,JSON
格式化CSS
- https://marketplace.visualstudio.com/items?itemName=aeschli.vscode-css-formatter
  - 但是,只支持CSS,而不是所有相关的 - 不保持6个月以上

要格式化:

例如,在安装Prettier后按VS Code中的Alt + Shift + F.

希望有所帮助.

自“15.01.21”起，[prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) 是最新的（最后更新日期） (2认同)

Answer 4

我建议使用Prettier，因为它具有很强的可扩展性，但仍然可以完美地开箱即用：

1. CMD + Shift + P -> Format Document

或者

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

Answer 5

在Visual Studio代码中打开本地bootstrap.min.css后，它看起来没有缩进。试了一下ALT + Shift + F，但没有用。

然后安装

CSS Formatter扩展。

重新加载它，然后ALT + Shift + F使我的CSS文件缩进。

答对了！！！