1、打开vscode软件打开visual studio code，界面最上方的是菜单栏，左侧的是快捷工具栏，设置按钮就在左侧的最下方。
2、查看菜单栏功能查看顶部的菜单栏，“File”是对文件操作的菜单，“Edit”是编辑过程中的相关菜单，“View”是显示或者隐藏哪些视图窗口的菜单，“Go”是跳转类的菜单，“Debug”是调试相关的菜单，“Help”是帮助菜单。
3、查看工具栏功能查看左侧的快捷工具栏，“Explorer”是当前打开的文件或者文件夹的列表窗口，”Search“是查找和替换窗口，“Source Control”是源码管理的窗口，用于配合svn、git等源码管理工具，”Debug“是调试窗口。Extensions：扩展插件窗口。
4、点击设置按钮点击左侧工具栏的最下方的“设置”按钮，弹出菜单，选择“Settings”，在右侧出现各种明细设置的选项。点开设置页面，有间隔多少毫秒自动保存的设置项，有使用界面字号、字体的设置项。
5、新建空白标签页点击左上角的“File”菜单，选择“New File”出现一个空白的标签页，这样的标签页还没有存储任何内容，也没有存储成物理文件，书写代码的时候，没有智能提示。
6、另存为网页文件使用“Ctrl + S”组合键，或者点击“File”菜单下面的“Save”选项，保存文件到电脑的磁盘。在弹出的保存到磁盘位置的界面中，默认的文件类型是“txt”文本文件，修改为“.html”结尾的文件是html网页文件。
7、生成规范页面保存为“html”结尾的网页格式文件后，在文件的开始处，输入一个感叹号“！”，按下“Tab”键，可以自动生成符合H5规范的html页面框架内容。
