一、快捷生成HTML骨架：

双击打开vscode软件。
新建文件（Ctrl + N ）。
保存（Ctrl + S ）, 注意一定要保存为 .html 文件，即命名中加上.html后缀！
生成页面骨架结构：输入! 按下 Tab 键！
5. 即可生成THML骨架，如图：

**

二、安装插件的方法

**
1.点击打开vscode并点击这个图标

2.在搜索框输入想要安装的插件的名字，找到对应插件，点击 Install安装即可

三、推荐安装的插件

建议下面的插件都安装

补充常用用法：
1. Ctrl + 加号键，Ctrl + 减号键可以放大缩小视图

四、利用插件在浏览器中预览页面：

单击鼠标右键，在弹出窗口中点击“Open In Default Browser”，就会跳转到浏览器浏览页面。（前提是安装了open in browser插件）

五、VSCode 工具生成骨架标签新增代码

标签
lang 语言
charset 字符集

1、DOCTYPE
文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面.
2、lang 语言种类
用来定义当前文档显示的语言。
en定义语言为英语
zh-CN定义语言为中文
简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页
其实对于文档显示来说，定义成en的文档也可以显示中文，定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的
3、字符集
1.字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
2.在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
3.<meta charset=" UTF-8" />
4.charset 常用的值有：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8 也被称为万国码，基本包含了全世界所有国家需要用到的字符.
5.注意：上面语法是必须要写的代码，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8”编码，尽量统一写成标准的 “UTF-8”，不要写成 “utf8” 或 “UTF8”。