VS Code 运行 HTML 文件
一、安装 VS Code 配置插件
推荐使用 Open In Browser 插件。
[图片:VS Code 插件安装界面]
二、在电脑上新建文件夹
VS Code 需要在本地打开一个文件夹。先在电脑上新建一个文件夹,然后在 VS Code 中选择【文件】→【打开文件夹】。
[图片:打开文件夹操作]
右键选择【新建文件夹】以做好文件分类。
[图片:新建文件夹操作]
三、新建文件【名字.html】
右键新建文件,命名如 index.html。html 文件图标会显示为 <>。
[图片:新建 html 文件]
四、运行.html 文件
在编辑器中输入 html:5 并回车,大部分代码写在 body 标签下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<!-- 内容 -->
</body>
</html>
VS Code 支持自动保存功能。
[图片:自动保存设置]
VS Code 运行 VUE 代码
运行 Vue 项目通常需要使用 Vue CLI 脚手架工具进行初始化。可查阅相关 Vue CLI 官方文档获取详细步骤。


