What plug-ins need to be installed for HTML in vscode?

Plug-ins include: 1. "Auto Close Tag"; 2. "Auto Rename Tag"; 3. "Beautify"; 4. "HTML CSS Support"; 5. "open in browser"; 6. " View In Browser" and so on.

The operating environment of this tutorial: windows7 system, HTML5&&Visual Studio Code version 1.54.1, Dell G3 computer.

vscode html development plug-in

1. Auto Close Tag

Automatically add HTML/XML closing tag, same as Visual Studio IDE or Sublime Text

2, Auto Rename Tag

Automatically rename tags

When renaming an HTML/XML tag, automatically rename the paired HTML/XML tag

##3. Beautify

Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.

4. Bracket Pair Colorizer

This extension allows matching brackets to be identified with color. Users can define the characters to match and the colors to use

5, HTML CSS Support

Class properties completed.

The id attribute is completed.

Supports Zen Coding completion of class and id attributes.

Scan css and scss files in the workspace folder.

Support remote css files.

Use vscode-css-languageservice.

6. HTML Snippets

Complete HTML tags, including HTML5 code snippets

7、JavaScript (ES6) code snippets

#This extension contains JavaScript code for ES6 syntax of Vs code editor Fragments (supports both JavaScript and TypeScript).

8. jQuery Code Snippets

Over 130 jQuery code snippets for JavaScript code.

Just enter the letters "jq" to get a list of all available jQuery snippets.

9、open in browser

This allows you to open in your default browser or application Open the current file.

10. Path Intellisense

Visual Studio Code plug-in that automatically completes file names.

11. View In Browser

vscode extension allows you to view html files in the browser.

12, Live Server

#Live Server: One with real-time loading A functional small server that can be used to crack html/css/javascript, but cannot be used to deploy the final site. In other words, we can use live-server as a real-time server in the project to view the developed web pages or project effects in real time.

Advantages

1: One-click installation, automatic refresh, and setting up a local server environment.

2: Compared with gulp build, to achieve automatic refresh and set up a local server environment, you need to install the automatic refresh plug-in gulp-livereload and set up the local server plug-in gulp-server. Live Server is just one step away. As long as you install Live Server, you can solve the problem of automatically refreshing and setting up a local server environment.

Recommended tutorials: vscode tutorial, html video tutorial

The above is the detailed content of What plug-ins need to be installed for HTML in vscode?. For more information, please follow other related articles on the PHP Chinese website!