Home>Article>Web Front-end> Summarize and organize VsCode plug-ins

Summarize and organize VsCode plug-ins

巴扎黑
巴扎黑 Original
2018-05-28 16:33:31 9977browse

This article mainly introduces the VsCode plug-in organization (summary). The editor thinks it is quite good. Now I will share it with you and give you a reference. Let’s follow the editor and take a look.

1. VsCode official plug-in address:


##2. To use it, you can search for the required plug-in on the official website or in the ""Extension"" of VsCode


Add method using Ctrl +P, enter ext install xxxx, search for the plug-in to be installed, and click the install button

3. Description of commonly used plug-ins:

1. HTML Snippets

Super useful and elementary H5 code snippets and tips


## 2. HTML CSS Support

Let the HTML tag write class to intelligently prompt the styles supported by the current project


##3. Debugger for Chrome

Let vscode map the debug function of chrome. Static pages can use vscode to break point debugging, and the accessories are slightly more complicated.

4. JQuery Code Snippets

jquery prompt tool

##5. Path Intellisense

Automatic path completion, this function is not provided by default

6. Package prompt when Npm Intellisense

require

7. Document this

Js annotation template

8. ESlint

ESlint accepts original js prompts and can customize experience rules. This is a relatively high-end game,

9. Project Manager

A tool for quickly switching between multiple projects

10.beautiful

Tools for formatting code

11. Typings Installer

Installing vscode code prompts dependency libraries, based on typtings, such as prompting angular Or jQuery can only perceive, as for what typtings are, go to Baidu yourself.

12. Bootstrap 3 Sinnpet

Commonly used bootstraps can be downloaded

13.Auto Rename Tag

Modify the html tag and automatically help you complete the synchronous modification of the closing tag at the end, just like webstorm.

Icon, code style plug-in

1. JavaScript Atom Grammar

Use atom style Syntax highlighting is useful for people who are accustomed to browsing Atom style code highlighting.

2. vscode-icon

Let the vscode resource directory add icons and must-have

3. One Dark Theme

The one dark theme from Atom is beautiful and practical

4. Material, Material Neutral......... ...

The above is the detailed content of Summarize and organize VsCode plug-ins. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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