vscode调试html页面

前言

当我们使用vscode编辑器编辑完一个html页面时,想看下呈现的网页时,可以通过vscode编辑器完成这一过程

使用

vscode安装HTML Snippets插件

操作如下所示:
vscode调试html页面

vscode安装View In Browser插件

操作如下所示:
vscode调试html页面

创建index.html文件

操作如下所示:
vscode调试html页面

编辑index.html
快捷生成html的基本信息

操作如下所示:
vscode调试html页面
vscode调试html页面

一、编辑网页文本文字尺寸为5

操作如下所示:
vscode调试html页面

web页面浏览器展示

操作如下所示:
vscode调试html页面
vscode调试html页面

二、编辑网页文本文字尺寸为9,并居中显示

操作如下所示:
vscode调试html页面

web页面浏览器展示

操作如下所示:
vscode调试html页面vscode调试html页面

结语

… …