一、tab鍵補全
1.1打開vscode新建html文件，在第一行輸入!，然后按下tab鍵，會直接出現編寫html語言的基本框架標簽
效果如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
1.2實現html代碼的對齊
Shift + Alt + F 實現代碼的對齊
1.3注釋與取消注釋
注釋：ctrl+k+c
取消注釋：ctrl+k+u
二、常用插件
-
Auto Rename Tag
： Automatically rename paired HTML/XML tag, same as Visual Studio IDE does. -
Beautify
： Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code. -
Chinese (Simplified) Language Pack
： Language pack extension for Chinese (Simplified) -
ESLint
：Integrates ESLint JavaScript into VS Code. -
HTML CSS Supportecmel
：CSS support for HTML documents -
HTML Snippets
：HTML tags including HTML5 Snippets -
HTMLHint
： A Static Code Analysis Tool for HTML -
Open HTML in Default Brow
：Open HTML in Default Browser -
Path Autocomplete
：Provides path completion for visual studio code.