Top 10 tips for visual studio code on Google

Beyond all doubt ,Visual Studio Code Is the best programming editor . Its powerful editors , Code intelligence , Source code control functions and keyboard shortcuts are Visual Studio Code Some of the best features of , Can help you increase productivity . In this paper , We will introduce you to Visual Studio Code Of 10 The best technique , These tips can help you and any developer improve efficiency .

Visual Studio Code hinting

1） stay Visual Code Install new theme in

stay Visual Code in , You can easily install themes to highlight the syntax of text and source code . However, this function does not apply to the theme of the interface itself .

A good topic may affect your productivity , And help maximize productivity . You can go to VS Code Marketplace Search for new VS The theme , You can also directly VS Code Find them in themselves . Press CTRL + Shift + X Keyboard shortcuts to access the expansion panel .

2） Edit multiple lines at once

If you want to add or remove multiple instances of text in a document , You need to create multiple cursors . But in VS In the code , You just press “ Alt” And click anywhere between the text to do this . Each click creates a new cursor . about Mac, Please press the Options tab . stay HTMP in , This feature can be very convenient , You may need to add multiple instances of similar classes or change the format of various hyperlinks .

3）Visual Studio Code CLI Tools

VS Code Included in the box CLI Tools , Also known as the command line interface . It can help you manage the launch of the editor . stay Windows On , This terminal is displayed as a command prompt , And in the Mac and Linux On , It is used as a Bash The prompt appears . You can easily open files , Change the display language ; Install the extension CLI Options （ switch ）

4） Share in real time

VS Code Live Share It's a new feature , Allows you to share workspaces and visual code instances in real time . At present , It has been released as a plug-in , And in Developer Preview Available in the . All you need to do is install the plug-ins . After logging in , The status bar will display a link , And enables you to share work sessions .

5） Use convenient commands

VS Contains several commands , It can help you complete common editing tasks faster than usual . for example , You can select a command to create duplicate lines of code , Without using the cursor to manually copy and paste . All you need to do is edit > Copy or press Ctrl + E,V.

You can also select the following commands to quickly expand or shrink the selected text ：

edit > senior > Expand select or edit > senior > Contract selection ,

Or by Shift + Alt + = or Shift + Alt ±.

6）GIT Integrate

Use GIT It may not be difficult or interesting , however VS The code is integrated Git Attached . It allows you to use simple GUI Add changes to , Submit , Pull and push to remote Git The repository .

7） debugging

Debugging is a broad topic , most important of all , It is language specific / Stackable . Debugging is Visual Studio Code The main function of , Use VS Code debugging Web Applications can make you more efficient . It provides a wealth of API, Debugging tools can be enabled . Depending on your language , There are many plug-ins available to enable debugging support . Again , In the development process , You can use breakpoints to debug code .

8） fragment

Visual Studio Code Makes it easy to add predefined snippets of code . To enable this feature , Please go to user preferences and set “ Editor ”. Tab complete ”：true . If you want to view a summary fragment , Please press “ cmd + shift + p” And enter the “ snippet”, A list will be displayed . It's very easy to use . Enter a few characters of the code snippet , Then click on the tab to automate .

9） For quick search of files

VS The quick navigation function of the code is very useful . First , Please press Command（⌘）+ p Button and Enter any part of the file name to open . then ,Visual Studio Code Will quickly search your workspace for related files , And the results of all matching files will be displayed on the screen . Press Enter Open the required file . This function is VS Has been well optimized , Because the result is in the blink of an eye . You can know how fast it runs .

10） Use the command desk effectively

And Sublime Text Or text companion ,VS Code It has a function called the command palette . Use the command tray function , Just type the commands to access them , Instead of using the mouse cursor to navigate through menus .

To call up the command tray , Please press Ctrl + Shift + P Keyboard shortcuts .

Type the command to execute , for example “ close”, These options will update it in real time . Some commands are classified as “ file ”,“ Git”,“ terminal ” etc. , So you can quickly find these commands , Just in case you can't find .