VS Code 运行 HTML 文件
相较于 HBuilder,VS Code 需要自行安装插件来增强功能。推荐使用 "Open In Browser" 插件以便直接在浏览器中预览页面。
一、安装 VS Code 及配置插件
安装 VS Code 后,可在扩展商店搜索并安装常用插件,例如 "Open In Browser"。
二、在电脑上新建文件夹
VS Code 基于本地文件夹工作。首先在电脑上新建一个项目文件夹。打开 VS Code,选择【文件】→【打开文件夹】,定位到刚才新建的文件夹。随后在该文件夹内右键新建子文件夹,用于分类管理文件。
三、新建文件
在文件夹内右键新建文件,命名为 index.html。HTML 文件图标通常显示为 <>,CSS 文件显示为 #。
四、运行 HTML 文件
在编辑器中输入 html:5 并按回车,利用 Emmet 语法快速生成 HTML5 基础结构。大部分业务代码编写在 <body> 标签下。保存文件后,可使用已安装的插件在浏览器中自动打开预览。编辑器支持自动保存功能,方便实时调试。
VS Code 运行 Vue 代码
对于 Vue 项目,建议使用 Vue CLI 脚手架工具进行初始化和管理。具体配置可参考官方文档或相关教程。


