Visual Studio Code web siege lion-Standing plug-in
Lite version: These are enough☟
**Development is much easierε≡٩(๑>₃<)۶ Focus on learning**
Multifunctional version☟
- Click the expand button in the left column (Ctrl+Shift+X)
and search for the following
-
Chinese (Simplified) Language Pack for Visual Studio Code
Simplified Chinese Language Pack -
Prettier - Code formatter
is the strongest formatter and does not accept refutation (uninstall JS-CSS-HTMLFormatter in the app store to avoid automatic formatting when saving) -
HTML Snippetsode Runner
code compiles and runs to see the results, supporting many languages -
GitLens
rich git log plug-in -
vetur vue
syntax highlighting, intelligent sensing, Emmet, etc. -
HTML CSS Support
allows writing class on the html tag to intelligently prompt the styles supported by the current project. The new version already supports scss file retrieval, which is also one of the must-have plug-ins. -
Auto Close Tag
matches the tag and closes the corresponding tag. Very practical [HTML/XML] -
Auto Rename Tag
modifies html tags and automatically helps you complete the synchronous modification of the closing tag at the end. -
Path Intellisense
path intelligent prompts -
JavaScript (ES6) code snippets
This plugin provides ES6 syntax support for JavaScript, TypeScript, HTML, React and Vue. -
Live Server
browser refreshes in real time. Right click "Open With Live Server" to open -
open in browser
View html files from the browser, using the system's current default browser -
Bracket Pair Colorizer
allows brackets to have independent colors for easy differentiation. Can be used with any theme. -
ESLint
ESLint code detection and verification -
vscode-icon
adds icons to the vscode resource tree directory, a must-have product! -
Debugger for Chrome
allows vscode to map the debug function of chrome. Static pages can be debugged using vscode for breakpoints. It’s really 666~ -
IntelliSense for CSS class names in HTML
intelligently prompts names in css files in the project in html -
Intelligent completion of minapp WeChat applet tags and attributes (also supports native applet, mpvue and wepy frameworks, and provides snippets) -
CSS Peek
traces to the place where the CSS class is defined in the style sheet.
Ctrl + left mouse button click on the class or right mouse button "Jump to definition (F12)" -
Manta's Stylus SupremacyFormat
stylus -
jQuery Code Snippets
jquery Essentials for Severe Patients -
Class autocomplete for HTML For
friends who write HTML code, one of the main manifestations of HTML code is repetition. If you type it by hand, it will not only be tiring but also affect the progress of the project. This autocomplete plug-in is really great; -
JavaScript Snippet Pack
is a plug-in for js that contains common syntax keywords of js, which is very practical; -
Path Autocomplete
path intelligent completion -
beautify
is a tool for formatting code. It can format JSON|JS|HTML|CSS|SCSS, which is easier to use than built-in formatting. -
HTMLHint
html code detection -
VSCode Great IconsAnother
resource tree directory icon -
colorize
will add a background to the color code that currently matches the color of the code, which is very nice -
Color Info
provides you with information about using colors in CSS. You can preview the color model (HEX, RGB, HSL and CMYK) related information in the color block by simply hovering the cursor over the color. -
The comment template at the top of vscode-fileheader
can define author, time and other information, and will automatically update the last modification time -
Document This
js comment template (note: the new version of vscode has native support, enter /** tab on the function) -
filesize
displays the current file size in the status bar at the bottom. After clicking, you can also see the detailed creation and modification time. -
Bootstrap 3 Sinnpet
commonly used bootstrap can be downloaded -
VueHelper
vue code tips -
Bookmarks,
a bookmark tool, is still necessary -
tortoise-svn
SVN integrated plug-in