In depth inventory: 23 vscode plug-in artifacts that improve development efficiency and aesthetics

VSCode( Full name ：Visual Studio Code) Is a cross platform free source code editor developed by Microsoft . The software supports syntax highlighting 、 Code auto completion 、 Code refactoring 、 View definition function , And built-in command-line tools and Git Version control system . Users can change themes and keyboard shortcuts to personalize , You can also install extensions through the built-in extension store to expand software functions .

VSCode Many programming languages are supported by default , Include JavaScript、TypeScript、CSS and HTML; You can also download extended support Python、C/C++、Java and Go Other languages including .VSCode Debugging is also supported Node.js Program .

VSCode Support opening multiple directories at the same time , And save the information in the workspace for reuse . As a cross platform editor ,VSCode Allows the user to change the code page of the file 、 Programming languages and line breaks . Like this article 、 Collection 、 Focus on .

【 notes 】 At the end of the article, a technical exchange group is provided

VSCode Download and install

1. Windows
   open VSCode Official website Download it directly .
2. Linux
   Linux Under platform installation VSCode slowly , You can use the following methods ：

• adopt Domestic source download VSCode
• Unzip the package and move it to usr/local Catalog ：sudo mv VSCode-linux-x64 /usr/local/
• Get permission to run ：sudo chmod +x /usr/local/VSCode-linux-x64/code
• install VSCode( Note that only ordinary user permissions can be used here ): /usr/local/VSCode-linux-x64/code
• Create soft link : sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, After that, it can be input through the terminal at any position vscode execute

VSCode Plug in collection

Aesthetic class

1 CodeSnap

CodeSnap Can easily generate high-resolution , Beautiful code picture

It's easy to use ：

1. Use the command to Codesnap Call out
2. Copy the code to be part of the output
3. Save image to local

2 :emojisense:

:emojisense: It can be for MarkDown Document or command line output , Make programming more fun

Direct copy Emoji Complete works of Just the label you like in , For example, below I add an expression to the command line of the dataset training process .

3 Marquee

Marquee The programming main screen can be transformed into more practical or more beautiful . With this extension , You can watch the news report , The weather ！ Besides ,Marquee Support users to add items to their personal to-do list , And some temporary boards for quick notes . Some small but useful plug-in functions .

4 Material Theme

Material Theme by VScode Install different themes , Allows you to customize the appearance of the entire editor according to your preferences .

The following is for my personal use FireFly Pro The theme .

5 Bookmarks

Bookmarks Allows you to bookmark code for specific lines of different files in the workspace .

6 Bracket Pair Colorizer

Bracket Pair Colorizer Add different colors to the brackets , It's easy to distinguish different blocks .

7 vscode-icons

vscode-icons to VSCode File replacement better looking icon .

Programming class ( front end )

1 Vetur

Vetur by Vue The project provides syntax highlighting 、 Intelligent perception, etc .

2 Auto Close Tag

Auto Close Tag Auto close HTML/XML label .

3 Auto Rename Tag

Auto Rename Tag Auto rename HTML/XML label .

4 formate: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatter format CSS/LESS/SCSS To enhance readability .

5 Live Server

Live Server Start the development local server with real-time reload function for static and dynamic pages .

6 Debugger for Chrome

Debugger for Chrome take JS Debugging and embedding of code Chrome browser .

Programming class (C/C++)

1 C/C++

C/C++ by VSCode Added right C/C++ Language support for , Include IntelliSense and Debugging And so on .

2 C++ Intellisense

C++ Intellisense by VSCode Added right C/C++ Intelligent perception .

3 CMake Tools

CMake Tools by VSCode Added right CMake Support and perception of .

Programming class (Python)

1 Python

Python by VSCode Added right Python Language support for , Include IntelliSense and Debugging And so on .

2 Jupyter

Jupyter by VSCode Added right Jupyter Notebook Function support for .

Efficiency class

1 Git Graph

Git Graph Visualize your Git Submission process .

2 koroFileHeader

koroFileHeader Used to format the header comments and function comments of the generated file .

3 Code Runner

Code Runner Code snippets or files for directly running multiple languages .

4 Better Comments

Better Comments Provides highlighting of various specific types of comments for code comments .

5 CodeTime

CodeTime Provide data analysis of your code typing time every day .

Recommended articles

• Some people made Mr. Wu Enda's machine learning and in-depth learning into a Chinese version

• Addicted to , Recently, a large visual screen has been rolled out for the company ( Source code attached )

• So elegant ,4 paragraph Python Automatic data analysis artifact is really fragrant

• Combing for more than half a month , Well prepared 17 A map of knowledge and thinking , Let's talk about statistics this time

• Year end summary ：20 Visual large screen template , Direct application is really fragrant ( The source code is attached at the end of the article )

Technical communication

Welcome to reprint 、 Collection 、 Gain some praise and support ！

At present, a technical exchange group has been opened , Group friends have exceeded 2000 people , The best way to add notes is ： source + Interest direction , Easy to find like-minded friends

• The way ①、 Send the following picture to wechat , Long press recognition , The background to reply ： Add group ;
• The way ②、 Add microsignals ：dkl88191, remarks ： come from CSDN
• The way ③、 WeChat search official account ：Python Learning and data mining , The background to reply ： Add group