Vscode Expansion Plugin Recommendations

Vscode extension Plugin list of recommended plugins

Auto Close tag automatically closes HTML tags

Auto Rename tag when modifying HTML tags, automatically modifies matching tags

Bookmarks Adding line bookmarks

Can I use HTML5, CSS3, SVG browser compatibility check

Code Runner Run the selected snippet (supports a large number of languages, including node)

Codebing pop-up browser and search in Vscode, editable search engine

Color Highlight colors values are highlighted in the code

Color Picker Color Picker

Document This comment documentation generation

Editorconfig for VS Code editorconfig plugins

Emoji enter Emoji in the code

ESLint ESLint plug-in, highlighting tips

File Peek quickly navigates to files based on the path string

Font-awesome codes for HTML fontawesome hint snippet

Ftp-sync synchronizing files to FTP

Git Blame displays git information for the current line in the status bar

git history (git log) view git log

Gitlens Displays the file's most recent commit and author, showing the current line commit information

Guides Highlight Indent Baseline

Gulp Snippets Gulp Code Snippet

HTML CSS Class completion CSS class hints

HTML CSS Support CSS hints (Vue supported)

Htmlhint HTML formatting hints

Indenticator Indent Highlighting

JavaScript (ES6) Code Snippets ES6 Syntax snippet

Language-stylus stylus syntax highlighting and hints

Lodash Lodash Code Snippet

Markdownlint markdown Format hints

Mochasnippets Mocha Code Snippet

Node modules resolve quick navigation to node module

NPM Run NPM command

When the NPM Intellisense import module is prompted to install the module name

Output Colorizer color out information

Partial Diff compares two pieces of code or files

Path Autocomplete completion prompt

Path Intellisense Another path completion prompt

Prettify JSON format JSON

Project Manager quickly switch projects

Rest Client sends rest-style HTTP requests

Settings sync vscode settings sync to gist

String manipulation strings conversion processing (hump, uppercase start, underline, etc.)

Test Spec Generator Testing case generation (supports Chai, should, Jasmine)

Todo Parser Todo admin

Version Lens Package.json file shows the current and latest version of the module

Vetur currently better Vue syntax highlighting

View Node Package quickly opens the home page and code warehouse for the selected module

Vscode-icons file icon for easy file positioning

Vscode great Icons file icon extension

Vuehelper Vue2 Code snippet (includes Vue2 API, Vue-router2, VUEX2)

Appendix: Vscode Preferences Configuration

{    "editor.tabsize": 2,    "Files.associations": {        "*.vue": "Vue"    },    "Eslint.autofixonsave": true, "    eslint.options": {        "extensions": [            ". js",            ". Vue"        ]    },    "Eslint.validate": [        " JavaScript ",        " Javascriptreact ",        " Vue ",        " vue-html "    ],    " Search.exclude ": {        " **/node _modules ": True,        " **/bower_components ": True,        " **/dist ": True    },    " Emmet.syntaxprofiles ": {        "JavaScript": "Jsx",        "vue": "html",        "vue-html": "HTML"    },    "Extensions.autoupdate": true,    "Editor.renderwhitespace": "Boundary",    "editor.cursorblinking": "Smooth",    "workbench.welcome.enabled": True

Original address: https://www.cnblogs.com/zzsdream/p/6592429.html

Vscode Expansion Plugin Recommendations