This article summarizes 23VSCodeplug-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 andGitversion 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"]

VSCodesupports many programming languages by default, includingJavaScript,TypeScript,CSSandHTML; you can also download extensions to supportPython,C/C,Javaand other languages includingGo.VSCodealso supports debuggingNode.jsprograms.

VSCodeSupports opening multiple directories at the same time and saving information in the workspace for reuse. As a cross-platform editor,VSCodeallows 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 theusr/localdirectory: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 entervscodethrough 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 theFireFly Protheme 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

Veturis 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 formatterFormat 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/CAdded 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 ToolsAdds 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

koroFileHeaderis used to format and generate file header comments and function comments.

3 Code Runner

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

4 Better Comments

Better CommentsProvides highlighting of various specific types of comments for code comments .

5 CodeTime

CodeTimeProvides 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!