学习页面设计的时候,要经常在编辑器里保存文件,然后刷新浏览器,再观察得到的结果。我们可以给 VSCode 安装一个 Live Server 插件,它可以帮我们创建一个本地的 Web 服务器,打开页面,在编辑器保存文件以后,页面可以自动刷新。
打开命令面板,搜索 install,打开 安装扩展。然后搜索一下 live server ,安装一下找到的这个扩展插件。下面可以试一下这个扩展提供的功能。
随便打开一个网页文件,然后打开命令面板,搜索 live,执行一下 Open with Live Server 这个命令。这样会创建一个服务器,然后打开我们正在编辑的这个网页。
下面可以编辑一下这个网页的内容,保存一下文件,浏览器会自动刷新。