Home Development Tools VSCode How to write a web page using vscode

How to write a web page using vscode

Feb 10, 2020 pm 04:50 PM
vscode Web page

How to write a web page using vscode

1. Create a new file (Ctrl N)

The newly created file Untitled-1 is in plain text format and needs to be changed to HTML format.

How to write a web page using vscode

#2. Quickly generate standard html code

(1) Enter in the first line!

(2) Press the Tab key or select in the code prompt!

How to write a web page using vscode

How to write a web page using vscode

3. View the HTML page in the browser

Visual Studio Code is under the VScode console by default Viewing the html page is very inconvenient for us to debug and view the effect. So here we need to install an extension to view the html page in the browser.

How to write a web page using vscode

After the installation is complete, select the HTML page you want to open in the browser, and press the shortcut key Alt B to open the page you wrote in the default browser.

Related recommendations: vscode tutorial

The above is the detailed content of How to write a web page using vscode. For more information, please follow other related articles on the PHP Chinese website!

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

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to view word documents in vscode How to view word documents in vscode How to view word documents in vscode How to view word documents in vscode May 09, 2024 am 09:37 AM

How to view word documents in vscode How to view word documents in vscode

How to draw a flow chart with vscode_How to draw a flow chart with visual_studio code How to draw a flow chart with vscode_How to draw a flow chart with visual_studio code Apr 23, 2024 pm 02:13 PM

How to draw a flow chart with vscode_How to draw a flow chart with visual_studio code

How to write Maude in Vscode_How to write Maude in Vscode How to write Maude in Vscode_How to write Maude in Vscode Apr 23, 2024 am 10:25 AM

How to write Maude in Vscode_How to write Maude in Vscode

Caltech Chinese use AI to subvert mathematical proofs! Speed ​​up 5 times shocked Tao Zhexuan, 80% of mathematical steps are fully automated Caltech Chinese use AI to subvert mathematical proofs! Speed ​​up 5 times shocked Tao Zhexuan, 80% of mathematical steps are fully automated Apr 23, 2024 pm 03:01 PM

Caltech Chinese use AI to subvert mathematical proofs! Speed ​​up 5 times shocked Tao Zhexuan, 80% of mathematical steps are fully automated

How to enable background updates in vscode How to enable background updates in vscode How to enable background updates in vscode How to enable background updates in vscode May 09, 2024 am 09:52 AM

How to enable background updates in vscode How to enable background updates in vscode

How to add files to vscode workspace How to add files to vscode workspace How to add files to vscode workspace How to add files to vscode workspace May 09, 2024 am 09:43 AM

How to add files to vscode workspace How to add files to vscode workspace

How to set animation smooth insertion in VScode VScode tutorial to set animation smooth insertion How to set animation smooth insertion in VScode VScode tutorial to set animation smooth insertion May 09, 2024 am 09:49 AM

How to set animation smooth insertion in VScode VScode tutorial to set animation smooth insertion

How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode May 09, 2024 am 10:30 AM

How to disable wsl configuration file in vscode How to disable wsl configuration file in vscode

See all articles