返回介绍

VS Code对HTML的相关 HTML Programming in VS Code

发布于 2020-03-27 16:12:55 字数 2811 浏览 1070 评论 0 收藏 0

当你在VS Code中编辑HTML文件时,你将会获得所有应有的支持及一些更多的小玩意。

When editing HTML files in Visual Studio Code you get all of the basics and a few more things :)

智能感知 IntelliSense

当你在编写HTML的时候,VS Code会提供一些智能感知的建议。下图中你可以看到一个包括对</div>标签闭合的基于当前语境的建议列表。

As you type in HTML, we offer suggestions via HTML IntelliSense. In the image below you can see a suggested HTML element closure </div> as well as a context specific list of suggested elements.

HTML IntelliSense

VS Code同样提供对于元素,标签,一些值(在HTML5中定义的),lonic和AngularJS中标签的支持。在任何时候只要按下 kb(editor.action.triggerSuggest)就可以了。

We also offer up suggestions for elements, tags, some VALUES (NULL, Ionic and AngularJS tags. You can trigger suggestions at any time by pressing kb(editor.action.triggerSuggest).

HTML格式化 Format HTML

为了改进你的HTML代码的格式,可以按 kb(editor.action.format) 并选中区域来进行重新格式化。

小贴士: 对于HTML格式化的设置详见 用户与工作空间.

To improve the formatting of your HTML code press kb(editor.action.format) and the selected area will be reformatted.

Tip: Configure the HTML formatter settings in the User and Workspace Settings.

支持Emmet Emmet snippets

我们提供Emmet代码拓展,只要按 kb(editor.emmet.action.expandAbbreviation)就可以了。

Emmet HTML support built-in

**小贴士:**Emmet语法详见 Emmet cheat sheet

我们同样支持 用户定义代码段.

We support Emmet snippet expansion, simply press kb(editor.emmet.action.expandAbbreviation).

Emmet HTML support built-in

Tip: See the HTML section of the Emmet cheat sheet for valid abbreviations.

We also support User Defined Snippets.

接下来 Next Steps

看看关于

  • CSS, Less 和 Sass - VS Code对CSS(包括Less和Sass)有着顶级的支持。

Read on to find out about:

  • CSS, Less and Sass - VS Code has first class support for CSS including Less and Sass.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文