Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Development Tools > VSCode > body text

How to run an HTML project created by vscode

下次还敢

Release： 2024-04-03 03:33:21

Original

1167 people have browsed it

How to use VS Code to run an HTML project

Step 1: Create an HTML project

Open VS Code.
Click "File" > "New" > "Folder".
Enter a project name (for example, "my_html_project").

Step 2: Create the HTML file

Right-click the project folder and select New >File.
Enter a file name (for example, "index.html").

Step 3: Write the HTML code

In the index.html file, write the following basic HTML code:

<code class="html"><!DOCTYPE html>
<html>
<head>
  <title>我的第一个 HTML 页面</title>
</head>
<body>
  <h1>欢迎来到我的第一个 HTML 页面！</h1>
</body>
</html></code>

Copy after login

Step 4: Run the HTML project

In VS Code, press Ctrl Shift B (Windows) or Cmd Shift B (Mac).
VS Code will automatically open the built-in browser and display the HTML page.

The above is the detailed content of How to run an HTML project created by vscode. For more information, please follow other related articles on the PHP Chinese website!

Related labels：

vscode

source：php.cn

Previous article：Which key does vscode use to run code? Next article：How to set the background and font when creating an HTML project with vscode

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn