VS Code对HTML的相关 HTML Programming in VS Code
当你在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.
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语法详见 Emmet cheat sheet
我们同样支持 用户定义代码段.
We support Emmet snippet expansion, simply press kb(editor.emmet.action.expandAbbreviation)
.
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.