前端开发工具vscode的配置与使用

（当前版本：1.58.2）→ 1.69.2

1. 创建文件

　　新建文件保存为.html格式

2. 生成骨架结构（骨架标签）

输入感叹号，在弹出对话框里选择第一个！就可以了，会自动生成结构代码

 

 

3. 快捷键

功能	快捷键
新建文件	Ctrl+N
放大视图	Ctrl+加号键
缩小视图	Ctrl+减号键
生成页面骨架结构	输入“！”，按下Tab键
利用插件在浏览器中预览页面	单击鼠标右键，在弹出出口中点击“Open In Default Browser”
注释	Ctrl+/

 

4. 安装插件

点击插件安装按钮（位置如下图），然后在应用商店搜索插件，点击安装。

安装后重启vscode即可正常使用