综述由AI生成介绍如何在 VS Code 中配置环境并运行前端代码。主要步骤包括安装 Open in Browser 插件、创建项目文件夹、编写 HTML 文件并使用快捷键生成模板。此外简要提及了 Vue 项目的脚手架搭建，但重点在于基础 HTML 文件的编辑与预览流程。
推荐使用 Open in Browser 插件。
VS Code 通过打开本地文件夹进行开发。先在电脑上新建一个文件夹，然后在 VS Code 中选择【文件】→【打开文件夹】，找到刚才新建的文件夹。
随后点开该文件夹，右键选择【新建文件夹】以做好文件分类。
右键新建文件【名字.html】。html 文件图标会变成 <>，css 文件图标会变成 #。
进入页面输入 html:5 后回车，大部分代码写在 body 标签下。下面是简单的 HTML 页面展示：
文件内支持自动保存代码功能。
Vue 项目建议使用 Vue-cli 脚手架搭建。
微信公众号「极客日志V2」，在微信中扫描左侧二维码关注。展示文案：极客日志V2 zeeklog
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。 在线工具，Markdown转HTML在线工具，online
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。 在线工具，HTML转Markdown在线工具，online
通过删除不必要的空白来缩小和压缩JSON。 在线工具，JSON 压缩在线工具，online
将JSON字符串修饰为友好的可读格式。 在线工具，JSON美化和格式化在线工具，online
