vscode plugin (personal use)

any-rule

Regular Expression Plugin

Auto Close Tag

Code completion plug-in, for example, enter <div when the input is complete> and it will complete the other half

Auto Rename Tag

Rename tags, when a word is entered in the start tag, the end tag will also change in real time, similar to vue's two-way binding

background-cover

Personally, I don’t think it’s very useful, but you can change the background of vscode and use it for fishing. For example, the transparency of the background is reduced. If you open the software and watch a small movie secretly, the boss will only think that this small movie is your background image

Chinese (Simplified) (Simplified Chinese) Language Pack for Visual Studio Code

Vscode Chinese language pack, all the text in it is Sinicized

Debugger for Java

Java Debugger for VS Code, e.g.
Start/Install
Breakpoints
Exceptions
Pause and Continue
Enter/Exit/End
Variables
Call Stack
Topics
Debug Console

Error Lens

Check whether the syntax of the code is correct or not in real time. For example, if there are more brackets in the code, or the comma in the object is written as a semicolon, etc., it will be checked in real time and an error message will be prompted

ESLint

A grammatical rule and code style checking tool can be used to ensure that codes with correct grammar and uniform style are written.
Whether it is a multi-person collaboration or a personal project, code specification is very important. Doing so can not only largely avoid basic grammatical errors, but also ensure the readability of the code.

Extension Pack for Java

This is an extension pack, which contains multiple extensions. For example, automatically generate getters and setters and constructors with parameters and no parameters, and also automatically generate the return value of the method

Image preview

Front-end development image preview plug-in Image preview (supports css preview and supports svg format)
is a plug-in that improves the efficiency of front-end development. Hover directly previews images in the code

IntelliCode

Visual Studio IntelliCode is an artificial intelligence-assisted plug-in. After a lot of machine learning training from Gaoxing's open source project on GitHub, it provides developers with the most suitable IntelliSense context suggestion function. In addition, there are code formatting and Rule guessing and other functions. Currently supports TypeScript, JavaScript, Java, Python.

IntelliCode API Usage Examples

It is an example of using the API of IntelliCode

Language Support for Java

Java runtime environment plugin in VS Code. If you want to run Java projects in VS Code, you need to install this plugin. The plug-in can configure multiple groups of Java runtime environments and set the default runtime environment

Live Server

Run the web page as a server to the browser

Maven for Java

It provides a project explorer and a shortcut to execute Maven commands, improving the user experience for Java developers using Maven.
Supports generating projects from Maven archetypes.
Support for generating valid POMs.
Provides shortcuts for common targets, plugin targets, and custom commands.
Save command history to fastre-run.

Node Snippets

Provides nodejs syntax support

node-snippets

Provides nodejs syntax support

open in browser

Open the html page with the default browser

Path Autocomplete

There is a good prompt effect on @path on vue, you need to click on the plug-in-extended settings-you can find the setting.json to edit, and pull it to the top after entering, add the following code: ` //Whether to carry the file when importing
the
file Extension
"path-autocomplete.extensionOnImport": true,
// Configure the @ path prompt
"path-autocomplete.pathMappings": { "@": "${folder}/src" }, then save to see the @ symbol path Has prompt effect

Path Intellisense

Type / in the code to prompt the path information

Preview on Web Server

It can make the page run on the browser on the server side. In addition, another function is that a preview effect can be displayed directly inside vscode, rendering the page effect like a browser

Project Manager for Java

is a lightweight extension that provides additional Java project browser functionality. It works with RedHat's Java language support to provide Java project views, create Java projects, export JARs, and manage dependencies.

px to rem & rpx & vw (cssrem)

px to rem unit plugin. Suitable for mobile development.
Note: It can only be used if the project file is placed in the "Explorer".

Rainbow Brackets

The brackets of the code will be colorful colored brackets

Winter

A vscode plugin to provide code highlighting and syntax support for .vue single-file components.

Vue 3 Snippets

Vue syntax prompt plugin

Vue Language Features (Volar)

is a language support plugin built specifically for Vue 3. It calculates everything on demand based on @vue/reactivity to achieve native TypeScript language service-level performance.

Zip File Explorer

Compressed File Explorer

Tabnine AI Autocomplete for Javascript, Python

code completion plugin