[Hematemesis Summary] 23 VSCode plug-ins to help you improve development efficiency and aesthetics

This article summarizes 23 VSCode plug-ins with various functions, which can help developers improve development efficiency and aesthetics. I hope it will be helpful to everyone!

#What is VSCode?

VSCode (full name: Visual Studio Code) is a cross-platform free source code editor developed by Microsoft. The software supports syntax highlighting, automatic code completion, code reconstruction, and definition viewing functions, and has built-in command line tools and Git version control system. Users can change themes and keyboard shortcuts to personalize settings, and can also install extensions through the built-in extension store to expand software functionality. [Recommended learning: "vscode Getting Started Tutorial"]

VSCode supports many programming languages ​​by default, including JavaScript, TypeScript , CSS and HTML; you can also download extensions to support Python, C/C , Java and other languages ​​including Go. VSCode also supports debugging Node.js programs.

VSCodeSupports opening multiple directories at the same time and saving information in the workspace for reuse. As a cross-platform editor, VSCode allows users to change the code page, line breaks, and programming language of a file.

Download and install VSCode

• Windows
  Open the VSCode official website and download directly Can.

• Linux
  Installing VSCode on the Linux platform is very slow. You can use the following method:

• Download VSCode from domestic sources
• Extract the compressed package and move it to the usr/local directory: sudo mv VSCode-linux-x64 / usr/local/
• Get running permissions: 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 a soft link: sudo ln -s / usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, then you can enter vscode through the terminal at any location to start the software

VSCode plug-in collection

Beautiful category

1 CodeSnap

CodeSnapYou can easily generate high-resolution, beautiful code pictures

The usage is very simple:

• Use the command to adjust Codesnap Out

• Copy the code to be part of the output

• Save the image locally

2 :emojisense:

:emojisense:You can output emoticons for MarkDown documents or command lines to make programming more interesting

Just copy the tags you like in the Emoji collection. For example, below I added emoticons to the command line during the training process of the data set.

3 Marquee

MarqueeYou can transform the programming home screen to be more practical or beautiful. With this extension you can watch news reports, weather! Additionally, Marquee enables users to add items to a personal to-do list, as well as a scratch board for quick notes. Some small but useful plugin features.

4 Material Theme

Material ThemeInstalled for VScode Different themes allow you to customize the look of the entire editor to your liking.

The following is the FireFly Pro theme that I personally use.

5 Bookmarks

BookmarksAllows you to add bookmarks to code in your workspace for specific lines in different files.

6 Bracket Pair Colorizer

Bracket Pair ColorizerAdd different colors to brackets for easy differentiation different blocks.

7 vscode-icons

vscode-iconsReplace VSCode files with better-looking icons.

Programming class (front-end)

1 Vetur

Vetur is the Vue project Provides syntax highlighting, intelligent sensing, etc.

2 Auto Close Tag

Auto Close TagAutomatically close HTML/XML tags.

3 Auto Rename Tag

Auto Rename TagAutomatically rename HTML/XML tags.

4 format: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatter Format CSS/LESS/SCSS to enhance readability.

5 Live Server

Live ServerLaunches live reloading functionality for static and dynamic pages Develop local server.

6 Debugger for Chrome

Debugger for ChromeEmbed JS code debugging into the Chrome browser.

Programming Class (C/C)

1 C/C

C/C Added language support for C/C to VSCode, including functions such as IntelliSense and Debugging.

2 C Intellisense

C IntellisenseAdds intelligent perception of C/C to VSCode.

3 CMake Tools

##CMake Tools Adds CMake support and awareness to VSCode.

Programming Class (Python)

1 Python

PythonAdded for VSCode Python language support has been added, including functions such as IntelliSense and Debugging.

2 Jupyter

JupyterAdded functional support for Jupyter Notebook to VSCode.

Efficiency Class

1 Git Graph

Git GraphVisualize your Git submission process.

2 koroFileHeader

koroFileHeader is used to format and generate file header comments and function comments.

3 Code Runner

Code Runner is used to directly run code snippets or files in multiple languages .

4 Better Comments

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

5 CodeTime

CodeTime Provides data analysis of your coding time every day.

For more knowledge about VSCode, please visit: vscode tutorial! !

The above is the detailed content of [Hematemesis Summary] 23 VSCode plug-ins to help you improve development efficiency and aesthetics. For more information, please follow other related articles on the PHP Chinese website!