Recommend some useful plug-ins for VSCode
Related recommendations: "vscode Basic Tutorial"
As a code farmer who has been working in the industry for many years, let me summarize the use of A useful plug-in that I have experienced ( only represents my personal opinion)
Auto Close Tag: See the name and know the meaning, help you automatically write the tail tag, for front-end development It is definitely good news. In addition to improving the writing speed, it can also avoid some bugs caused by forgetting the end tags, as follows:
##Auto Import:From the introductionWorks with Typescript and TSX you can understand the working environment. You need to use TS or TSX in a project, taking the angular project as an example, as follows:
Path Autocomplete: Another resource introduces a path prompt plug-in, the demonstration is as follows:
##Color Highlight:
Color highlight, highlight directly in the code, as shown below:
Image preview:
Image preview , preview directly when editing the code, as shown below:
Bracket Pair Colorizer:
Make your code no longer dazzling, in addition to using different The color brackets ([], {}, ()), and the same pair of brackets are marked with connecting lines, which is really a good helper for reviewing the code, as follows:
Bookmarks:
A bookmark plug-in, it is easy to use, it is especially useful to learn the source code to make bookmarks, as follows:
Live Server:
Have you written too much about SPA, have you almost forgotten how to develop the simplest HTML? This is an HTML preview plug-in that supports hot updates, as follows:
Draw.io Integration:
A flow chart drawing plug-in, as follows:
Git Graph:
git plug-in, this plug-in also reflects vscode’s determination and ability to solve problems in one stop, as follows:
Markdown Preview Enhanced:
The markdown plug-in supports real-time preview, as follows:
Summary:
In addition to the above plug-ins, there are many useful and interesting plug-ins according to different work scenarios. , vue, angular, react, node, etc. all have corresponding plug-ins. These plug-ins have greatly improved our development efficiency. If you are interested, you can actively explore them. The above is just a list of plug-ins commonly used in my work. Some of them are useful. For interesting plug-ins, please leave a message in the comment area below
For more programming-related knowledge, please visit:
Programming TeachingThe above is the detailed content of Recommend some useful plug-ins for VSCode. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

First, open the vscode software on the computer, click the [Extension] icon on the left, as shown in ① in the figure. Then, enter [officeviewer] in the search box of the extension interface, as shown in ② in the figure. Then, from the search Select [officeviewer] to install in the results, as shown in ③ in the figure. Finally, open the file, such as docx, pdf, etc., as shown below

First, open visual studio code on the computer, click the four square buttons on the left, then enter draw.io in the search box to query the plug-in, click Install. After installation, create a new test.drawio file, then select the test.drawio file, enter the editing mode on the left There are various graphics on the side. You can draw the flow chart by selecting at will. After drawing, click File → Embed → svg and then select Embed. Copy the svg code. Paste the copied svg code into the html code. Open the html web page and you can see it. Click on the picture on the web page to jump to the flow chart. On this page, you can zoom in and out of the flow chart. Here, we choose to click on the pencil pattern in the lower right corner to jump to the web page.

First, you can search for the Maude plug-in in the vscode plug-in manager. Then, create a new file with the extension maude to use maude's code snippets and syntax highlighting. Terminal -> New Terminal can open the vscode built-in terminal in the current folder to run the maude or full-maude program. In maude's official tutorial, there are also examples of http clients, which can be called and run as shown in the figure. If you want to associate files with the fm extension, open settings, search for fileassociations in user settings, and open settings.json. Just add an entry to the file association, that is, the entry from *.fm to maude. But full

LeanCopilot, this formal mathematics tool that has been praised by many mathematicians such as Terence Tao, has evolved again? Just now, Caltech professor Anima Anandkumar announced that the team released an expanded version of the LeanCopilot paper and updated the code base. Image paper address: https://arxiv.org/pdf/2404.12534.pdf The latest experiments show that this Copilot tool can automate more than 80% of the mathematical proof steps! This record is 2.3 times better than the previous baseline aesop. And, as before, it's open source under the MIT license. In the picture, he is Song Peiyang, a Chinese boy. He is

1. First, after opening the interface, click the file menu in the upper left corner. 2. Then, click the settings button in the preferences column. 3. Then, in the settings page that jumps, find the update section. 4. Finally, click the mouse to check and enable it. Download and install the new VSCode version button in the background on Windows and restart the program.

1. First, open the vscode software, click the explorer icon, and find the workspace window 2. Then, click the file menu in the upper left corner and find the add folder to workspace option 3. Finally, find the folder location in the local disk , click the add button

1. First, open the settings option in the settings menu. 2. Then, find the terminal column in the commonly used page. 3. Finally, uncheck the usewslprofiles button on the right side of the column.

1. First, after opening the interface, click the workspace interface 2. Then, in the open editing panel, click the File menu 3. Then, click the Settings button under the Preferences column 4. Finally, click the mouse to check the CursorSmoothCaretAnimation button and save Just set it
