Vscode is really a dessert editor. Write an article and share something good with everyone. Please give me a thumbs up

Eight, 2020-5-11 update

1. Generate regex quickly

any-rule
Copy the code

A, the expulsion of the dead series

At the beginning of the king fried, who wrote the code TM, work is not a dream

1. Allow VSCode to view zhihu, write answers using Markdown, and publish answers internally

Zhihu On VSCode
Copy the code

2. Listen to music plug-in

VSC Netease Music
Copy the code

3. Read novel plug-ins

Epub reader // CTRL +3 to activateCopy the code

4. Fan plug-in

daily anime
Copy the code

5. Watch NBA text broadcasts

yanba
Copy the code

Dramas, novels and music are all complete, now it’s the turn of games!

The little black boxCopy the code

Leek self-cultivation: the stock market

Stock Watch
Copy the code

Programmer encouragement division of sand sculpture

Super motivatorCopy the code

And beyond the encourager

Make a point: Beware of getting fired

Without further ado, the following is a list of plugins without eggs

Second, the general plug-in

1. Collaborate and write code in real time

Live Share is not a useful artifact, this product is Microsoft's own real-time collaboration plug-in, useful graphite documents or Tencent documents have not? That's about itCopy the code

2, memo, tag plug-in

TODO Highlight
Copy the code

3. Display the size of the imported package

Import Cost
Copy the code

4. Generate fake data automatically

Random //CTRL+SHIFT+P, enter random: select dataCopy the code

5. Check git modification records

GitLens
Copy the code

6. Enter the title quickly

Document This setting:"docthis.includeAuthorTag": true, / / @ the Author"docthis.includeDescriptionTag": true, / / @ the Description"docthis.authorName": "shenzekun",// Author name shortcut key: Press Ctrl+ Alt + D twiceCopy the code

7. Quick notes

Document This
Copy the code

8, bookmark function, support jump

Bookmarks // CTRL + Alt + K marks position, CTRL + Alt + L jumps to mark positionCopy the code

9. Highlight the current indentation depth

Indenticator
Copy the code

10, mouse over the path to display the image preview

Image Preview
Copy the code

11, the terminal output prompt text color has some changes, convenient access to key information

Output Colorizer
Copy the code

12. Automatic path completion (required)

Path Intellisense
Copy the code

13. Directory tree icon

vscode-icons
Copy the code

14. Highlight the matching label

highlight-matching-tag
Copy the code

Format javascript, JSON, CSS, Sass, and HTML

Beautify
Copy the code

16, color recognition matching brackets

Bracket Pair Colorizer
Copy the code

Iii. Vue related

Syntax highlighting, intellisense

vetur
Copy the code

2. Vue code snippets

VueHelper
Copy the code

Vue 2 code snippet

Vue 2 Snippets
Copy the code

4. HTML correlation

1. HTML code detection

htmlhint
Copy the code

2. HTML code snippets (required)

HTML Snippets
Copy the code

3, intelligent prompt HTML class = “” attribute (required)

Class autocomplete for HTML
Copy the code

4. Write class smarts on HTML tags to indicate the styles supported by the current project (mandatory)

HTML CSS Support

Copy the code

5. Automatically renaming paired HTML/XML tags (required)

Auto Rename Tag
Copy the code

6. Automatically add HTML/XML closing tags (required)

Auto Close Tag
Copy the code

7, you can put a layer of tags around the selected HTML tag

Htmltagwrap: Select a large block of code and press Alt + WCopy the code

5. CSS related

1. Write sass

Sass
Copy the code

2. Create a variable in SCSS and introduce the defined $

SCSS IntelliSense
Copy the code

3. Smartly displays the class name of the CSS

IntelliSense for CSS class names
Copy the code

4. Be able to view the CSS ID and class string as the corresponding CSS definition in the HTML file (required)

css peek
Copy the code

Sixth, JS related

1. Es6 code snippet (required)

JavaScript (ES6) code snippets
Copy the code

2. Js code snippets (required)

JavaScript Snippet Pack
Copy the code

JavaScript/TypeScript modules can be automatically completed in import statements.

Node.js Modules Intellisense
Copy the code

Format JavaScript/TypeScript/CSS.

Prettier
Copy the code

Seven, good-looking theme

1. Monokai Pro

This article is updated at any time, code word is not easy, like a partner can ask me to drink a cup of milk tea