前言
VSCode是一个轻量级、跨平台的集成开发环境（IDE）工具，广泛应用于前端开发。本文将介绍如何在VSCode上运行前端代码。
安装必要的软件
1. 安装Node.js
Node.js是JavaScript运行环境，可以使JavaScript在服务器端运行。安装Node.js后，我们可以在本地搭建服务器环境，运行前端代码。
下载地址：https://nodejs.org/en/download/
安装完成后，在命令行输入以下命令，检查是否安装成功。
node -v
2. 安装VSCode
VSCode是一个跨平台的轻量级IDE，支持多种编程语言和插件，方便开发人员使用。在官网下载对应操作系统的安装包，安装完成后打开。
下载地址：https://code.visualstudio.com/download
创建前端项目
在VSCode中创建一个文件夹用来存放前端项目文件。
1. 打开VSCode
打开VSCode，在侧边栏找到“Explorer”（资源管理器）窗口，在其顶部“打开文件夹”按钮，选择想要存放项目的文件夹。
2. 创建HTML文件
在VSCode中创建一个新的HTML文件：
在资源管理器窗口中，右键单击文件夹
选择“新建文件”
输入新文件名，用“.html”作为后缀
在新文件中输入以下HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>Hello, World!</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>这是我的第一个HTML页面</p>
</body>
</html>
保存文件（Ctrl/Cmd + S）。
运行前端项目
1. 安装Live Server插件
Live Server是一个轻量级的本地服务器，可以在VSCode中快速预览HTML、CSS和JavaScript代码的变化。
在VSCode的插件库中，搜索“Live Server”插件，点击“安装”按钮，并重启VSCode。
插件安装完成后，在“Explorer”窗口中，右键单击HTML文件，选择“在Live Server中打开”。
在浏览器中，将会打开一个本地服务器地址，显示HTML页面。
2. 安装Code Runner插件
Code Runner是VSCode一个非常好用的插件，它可以直接在编辑器中运行代码，支持多种编程语言。
在VSCode的插件库中，搜索“Code Runner”插件，点击“安装”按钮，并重启VSCode。
在JavaScript代码文件中，按下键盘快捷键Ctrl/Cmd + Alt + N，即可在编辑器中看到代码运行后的结果。
以下是一个简单的JavaScript示例：
const a = 1;
const b = 2;
const c = a + b;
console.log(c);
c等于3。
总结
以上就是在VSCode上运行前端代码的完整步骤。
安装必要的软件：Node.js和VSCode。
创建前端项目文件夹，并在其中创建HTML文件。
安装Live Server插件，可以在本地快速预览HTML页面。
安装Code Runner插件，可以在编辑器中运行JavaScript代码。
通过使用这些工具，开发前端项目将会更加高效、便捷。