2016-06-10 126 views
30

我想知道是否有什么办法可以激活自动缩进在Visual Studio代码中的CSS文件,快捷ALT + SHIFT +˚FVisual Studio代码CSS缩进和格式

它使用JavaScript工作正常,但奇怪的不是与CSS。

+0

您是否试过这种扩展? https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter – moped

回答

40

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

+0

这是一个完美的工作。我尝试了另一个脚踏车建议,但每次我保存一个文件,我不得不保存两次.. –

+1

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

+1

安装扩展后,您是否重新启动vs代码?另外,你在试图执行这个命令的文件是什么? – NValchev

-6

要格式化的代码在Visual Studio中,当你想,按: (按Ctrl + K)&(按Ctrl + F)

格式规则可以被发现和改变的裸: 工具/选项 - >(左边栏):文本编辑器/ CSS(或任何其他想要更改的语言)

对于CSS语言,选项很不幸非常有限。 您也可以在一些变化:... /文本编辑器/所有语言

+3

问题是针对Visual Studio代码(VSCode)而不是Visual Studio – Pierre

2

有几个从图片库,但我使用的人来接,它提供了相当可配置性的水平,仍然保持不显着的其余设置是Beautify by Michele Melluso。它适用于CSS和SCSS,并允许缩进3个空格,其余代码保留2个空格,这很好。

你可以从GitHub抢夺它,并自己调整,如果你也喜欢它。在Windows

+0

这对我来说最合适 –

-3

您可以选择您要评论/取消注释行,然后按 CTRL + /

ctrl+k + ctrl+c评论和ctrl+k + ctrl+u以取消

附:这应该与任何文档类型

+4

问题是要求缩进CSS行的快捷键,而不是注释/取消注释行。 – tima

0

在visual studio代码中打开本地bootstrap.min.css后,它看起来没有缩进。 试过commad Alt + Shift + F但不成功。

然后安装

CSS格式化扩展。

重装上阵,并Alt + Shift + F缩进我的CSS文件的魅力。

宾果!