VSCode下快速开始编写html的方法

选中—编辑—emmet—输入缩写包围行

输入a *或者ul>li*等。

如：

新建的文件Untitled-1是纯文本格式的，需改为HTML格式。

更改后可以看到，语言模式和文件标头均改变。

（1）在第一行输入！

（2）按Tab键或者选择代码提示中的！

Visual Studio Code默认是在VScode的控制台下查看html页面，这对于我们调试和查看效果十分不方便。所以这里我们需要安装一下扩展插件，在浏览器中查看html页面。

安装完成后，选择你要在浏览器打开的HTML页面，按快捷键Alt + B 就可以在默认浏览器下打开你写的页面了。

使用快捷键 Shift + Alt + B 可以选择其他浏览器打开。

什么是quokka？

Quokka 是一个调试工具，可以为您正在编写的代码提供实时反馈。它能够预览变量的函数和计算值结果。该扩展易于配置，对于使用 JSX 或 TypeScript 的项目可直接使用。项目地址：https://quokkajs.com/

Quokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。这意味着它会在你输入后立即运行您的代码，并在您的代码编辑器中显示各种执行结果。建议你亲自尝试一下。

quokka 怎么用? VSCode安装此Quokka.js扩展后，可以按 Ctrl/Cmd() + Shift + P 显示编辑器的命令选项面板，然后键入 Quokka 以查看可用命令的列表。选择并运行 “新建JavaScript文件” 命令。

您也可以按（ + K + J）直接打开文件。您在此文件中键入的任何内容都会立即执行。