visual studio css大纲,Visual Studio代码CSS缩进和格式化

11 个答案:

答案 0 :(得分：85)

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

答案 1 :(得分：38)

运行此

输入alt+shift+f

或强>

按F1或ctrl+shift+p

然后输入美化..

我认为此扩展程序内部使用js-beautify

答案 2 :(得分：10)

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

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

注释：

CSS和SASS / SCSS / LESS都相关

HTML，Javascript，Typescript，JSON-VS代码已经格式化

CSS及相关-截至目前，VS代码的格式不是

选项：

要格式化：

在VS代码中按Alt + Shift + F

例如，在安装Prettier之后

希望有帮助。

答案 3 :(得分：5)

在visual studio代码中打开本地bootstrap.min.css后，它看起来没有缩进。

尝试了commad ALT + Shift + F，但徒劳无功。

然后安装

CSS Formatter扩展程序。

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

Bingo !!!

答案 4 :(得分：4)

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

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

答案 5 :(得分：2)

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

1. CMD + Shift + P -> Format Document

或

1. Select the text you want to Prettify

2. CMD + Shift + P -> Format Selection

答案 6 :(得分：2)

转到“文件”菜单->“首选项”->“扩展名”

然后键入CSS Formatter，等待其加载，然后单击安装

答案 7 :(得分：1)

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

答案 8 :(得分：0)

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

答案 9 :(得分：-2)

在Windows上

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

CTRL + /

或

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

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

答案 10 :(得分：-5)

要在Visual Studio中格式化代码，请按：

(Ctrl + K)＆amp; (Ctrl + F)

可以在以下位置找到并更改自动格式设置规则：

工具/选项 - ＆gt; (左侧栏)：文本编辑器/ CSS(或您想要更改的任何其他语言)

对于CSS语言，遗憾的是选项非常有限。

您还可以在以下位置进行更改：... /文本编辑器/所有语言

visual studio css大纲,Visual Studio代码CSS缩进和格式化相关推荐

html中字段间距代码,css调字体大小代码 css字与字之间的间距怎么调
html怎么改变字体大小和颜色可以用css改变字体的大小和颜色. 在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是"font-size"属在D ...
html十css十javascript,html代码,css代码,JavaScript代码, | 重蔚自留地
第一章 Dreamweaver使用入门 Internet───互联网 WWW(World Wide Web) ───万维网 HTTP(Hypertext Transfer Protocol) ───超 ...
css中图片缩小代码,css让图片等比例缩小的代码
随着智能手机的增多,手机网站也可以做的更加个性化,最近在改版自己的手机网站这其中,遇到了网站图片尺寸问题,手机屏幕都比较小,怎么让上传的规则不一的图片在手机上显示的更加美观呢? 那就利用css的强大 ...
css外边距自动代码,CSS外边距合并代码
请看下面的图,就对边距的理解很清晰了. 我习惯把图中所示的margin边界称为外边距,padding填充部分称之为内边距.设置外边距最好的一个方法就是设置margin值,同理,设置内边距的最好办法 ...
利用css完成表格的代码,css 表格(示例代码)
1.给元素的display属性添加为以下值 table使该元素按table样式渲染 table-row使该元素按tr样式渲染 table-cell使该元素按td样式渲染 table-row-group ...
css网页favicon_自用代码css获取任意网址的/favicon.ico的方法教程
尝试过使用网友说的API接口获取找到的都是失效了暂时就使用这种办法获取如果有好的方法望评论告知谢谢 alt="" width="14" height=& ...
css代码价格,CSS三种价格表样式-CSS应用实例
CSS三种价格表样式-CSS应用实例搞代码-CSS三种价格表样式-CSS应用实例(gaodaima.com) * { box-sizing: border-box; } .columns { flo ...
visual studio 2008 html中调用外部css文件,的Visual Studio 2008 IDE冻结/崩溃打开.aspx文件中使用CSS时包括...
随时随地他们赖以它冻结(即完全没有响应),我必须使用任务管理器关闭它. 我已阅读了很多关于Visual Studio 2008在查看某些源文件时崩溃的问题.但是,我仍然无法解决这个问题. 我已经系统地 ...
如何在Visual Studio Code中编译C ++代码
PS: This was published on my Blog here. PS:这已发布在我的Blog 此处 . C++ is a statically-typed, free-form, (u ...

visual studio css大纲,Visual Studio代码CSS缩进和格式化

visual studio css大纲,Visual Studio代码CSS缩进和格式化相关推荐

最新文章

热门文章