VSCode plug-in to improve development efficiency (highly recommended!)

Related recommendations: "vscode tutorial"

I believe that many students who are not good at English often encounter problems when coding. I also believe that many students forget the interface of the framework when writing projects. They need to read documents online, ask for help online, and refer to examples from other projects. If you have encountered such problems before, then I believe in this VS Code plug-in. It can be of great help to you. It allows you to search online/offline in the code, or translate it.

Using

Introducing the simple usage process, you can search Search/Translate Hero in VS Code and then Click to install, you can also download here:

• https://marketplace.visualstudio.com/items?itemName=Wscats.search

If you are using the domestic Hbuider editor, you can click here to download:

• https://ext.dcloud.net.cn/plugin?id=355VSCode plug-in to improve development efficiency (highly recommended!)

Search

First of all, the first and most important function is search. As developers, we cannot do without it every day when we code. Open the search. When you encounter a library you don't understand during the process of writing code, such as: require('react'), you can select the corresponding keyword ## in the code in the editor. #react, then right-click the mouse and select the Search Online menu item in the menu panel that appears. The plug-in will automatically open the default browser for you, search for the corresponding keywords, and display the search results.

Of course, you can also select the corresponding keyword and use the shortcut keys

cmd enter(mac) / ctrl enter(win) to open the browser and search. This will be more efficient. You no longer need to switch the screen to the browser every time, enter the search URL, type in keywords and then search.

Translation

Good news for students who are not good at English, when you encounter problems in the code To understand the words, you can select the corresponding keywords in the code in the editor, then right-click the mouse and select the

Traslate Online menu item in the menu panel that appears. The plug-in will automatically open the default browser for you. and enter the Google Translate search to search for the translation results of the corresponding keywords.

Similarly, you can also select the corresponding keyword and use the shortcut keys

cmd shift enter(mac) / ctrl shift enter(win) to open the browser for translation.

The offline dictionary library provided in the offline English-Chinese dictionary (https://github.com/program-in-chinese/vscode_english_chinese_dictionary) plug-in is also used here, so it is supported Offline dictionary search is the same operation as above. Select the keyword in the code, and the translation results will appear in the lower right corner of the bottom bar. Simple translation does not require frequent consultation with Baidu and Google Translate. The results are displayed at the bottom, which is convenient and clear. , if you want to see more detailed translation results, you can click on the Chinese translation results in the lower right corner of the bottom bar, and your default browser will open for online translation.

Switch search engine

If you have other special needs, you can switch to different search engines , just click

Search Engine on the right side of the bottom bar of the editor, and then select the search engine you need in the pop-up window options to switch.

You can also select the

Search Online By Switch Engine menu item in the right-click menu bar to directly switch to the corresponding search engine for search.

If the default search engine address cannot meet your needs, you can manually update the search engine address and enter the

Extesion Settings of the plug-in to set it. Can.

The default address format of each search engine is as follows:

Note: Use

%SELECTION% to replace the search engine selection Keywords

##Googlehttps: //www.google.com/search?q=%SELECTION%Binghttps://www.bing.com/search?q=%SELECTION %Githubhttps://www.github.com/search?q=%SELECTION%Baidu https://www.baidu.com/search?q=%SELECTION%Npmhttps://www.npmjs. com/search?q=%SELECTION%Yahoohttps://search.yahoo.com/search?p=%SELECTION%Wikihttps://wikipedia.org/wiki/%SELECTION%Duckhttps:// duckduckgo.com/?q=%SELECTION%Code Penhttps://codepen.io/search/pens?q=%SELECTION%Code Sandboxhttps://codesandbox.io/search?query=%SELECTION%

Engine	Url

For example, you You can enter a search engine of

色网站, and you can enter a wave of sage mode at any time by typing the code (manual funny).

Hmph, you can also set the default search engine by modifying the

.vscode/setting.json file, such as modifying search-online The configuration parameter of .search-engine is Bing, so you can use Bing as the default search engine to search.

{
  "search-online.search-engine": "Bing"
}

Additional search engines can be added by changing the

search-online.add-search-engine configuration parameters of the .vscode/setting.json file.

{
  "search-online.add-search-engine": [
    {
      "name": "Visual Studio Marketplace",
      "url": "https://marketplace.visualstudio.com/search?term=%SELECTION%&target=VSCode"
    },
    {
      "name": "Pypi",
      "url": "https://pypi.org/search/?q=%SELECTION%"
    }
  ]
}

If you find the above operations too troublesome, you can also add search engines through the visual interface. Click

➕ Add Search Engine at the bottom of the panel to switch engines, and then it will appear Fill in the following two input boxes to add search engines↓

name: Visual Studio Marketplace

url: https://marketplace.visualstudio.com/ search?term=%SELECTION%&target=VSCode

With these, you can search for relevant codes on Github and related tool libraries on Npm with one click , search for professional entries in Wiki, leave your secrets in Duck Duck Go, and paste a few small pieces of code back in the Code Pen. In short, it is unreasonable and has no moral character.

Switch translation engine

Generally, you can change the language that needs to be translated in the settings panel. The default setting is English to Chinese translation.

But if you encounter the second general situation, such as encountering codes and comments written by Russians, and you want to translate them, then you can switch the translation engine to Russian and translate into Chinese settings, here supports online translation of most languages ​​​​in the world. Google Translate is a good thing. Support for Baidu translation engine will be added in the future. Please contribute~

More programming-related knowledge, Please visit:

programming video! !

The above is the detailed content of VSCode plug-in to improve development efficiency (highly recommended!). For more information, please follow other related articles on the PHP Chinese website!