Question

我想知道是否有办法在视觉工作室代码中使用快捷键 ALT + SHIFT + ˚F

它可以正常使用JavaScript，但奇怪的是没有使用CSS。

Answer 1

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

Answer 2

运行此

输入alt+shift+f

或

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

另一个 - JS-CSS-HTML Formatter

我认为此扩展程序内部使用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个月以上

要格式化：

在VS代码中按Alt + Shift + F
例如，在安装Prettier之后

希望有帮助。

Answer 4

在visual studio代码中打开本地 bootstrap.min.css 后，它看起来没有缩进。尝试了commad ALT + Shift + F ，但徒劳无功。

然后安装

CSS Formatter 扩展程序。

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

Bingo !!!

Answer 5

在图库中可以选择几个，但是我使用的那个，提供了相当水平的可配置性，仍然不会显示其余的设置Beautify by Michele Melluso。它适用于CSS和SCSS，并允许您缩进3个空格，将其余代码保留为2个空格，这很不错。

您可以从GitHub抓取它并自行调整，如果您也喜欢它。

Answer 6

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

1. CMD + Shift + P -> Format Document

或

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

Answer 7

转到“文件”菜单->“首选项”->“扩展名” 然后键入CSS Formatter，等待其加载，然后单击安装

Answer 8

安装HookyQR.beautify扩展程序。它将在Visual Studio Code中美化您的javascript，JSON，CSS，Sass和HTML。它是用于此目的的最常用扩展

Answer 9

Beautify（Github）和Prettier（Github）是Visual Studio Code中用于Web开发的最佳插件。

Answer 10

在Windows上

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

或

ctrl+k + ctrl+c发表评论，ctrl+k + ctrl+u取消注释

P.S。这适用于任何文档类型

Answer 11

要在Visual Studio中格式化代码，请按：（Ctrl + K）＆amp; （Ctrl + F）

可以在以下位置找到并更改自动格式设置规则：工具/选项 - ＆gt; （左侧栏）：文本编辑器/ CSS（或您想要更改的任何其他语言）

对于CSS语言，遗憾的是选项非常有限。您还可以在以下位置进行更改：... /文本编辑器/所有语言