A super practical plug-in to improve development efficiency in VSCode (share)

This article recommends some super practicalVSCodeplug-ins that greatly improve the development efficiency of Chinese people. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

I believe that many students who are not good at English often encounter words they don’t understand when coding. I also believe that many students forget the interface of the framework when writing projects. If you need to read documents online, ask questions for help online, and refer to examples from other projects, if you have encountered this kind of problem before, I believe this VS Code plug-in can greatly help you. It allows you to perform tasks in the code. Online/offline search, or translated.

[Recommended learning: "vscode tutorial"]

Use

Introducing the simple usage process, you can SearchSearch/Translate Heroin VS Code and click to install. You can also download it 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=3557

Search

First of all, the first and most important function is search. As developers, we must be inseparable from searching when we code every day. When you encounter a library you don’t understand during the process of writing code, such as:require('react'), you can edit it In the browser, select the corresponding keywordreactin the code, then right-click the mouse and select theSearch Onlinemenu item in the menu panel that appears. The plug-in will automatically open the default browser for you. , and search for corresponding keywords and display search results.

Of course, you can also select the corresponding keyword and use the shortcut keyscmd 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 words you don’t understand in the code, you can In the editor, select the corresponding keyword in the code, then right-click the mouse and select theTraslate Onlinemenu item in the menu panel that appears. The plug-in will automatically open the default browser for you and enter Google Translate. Search, search for translation results of corresponding keywords.

Similarly, you can also select the corresponding keyword and use the shortcut keyscmd shift enter(mac) / ctrl shift enter(win)to open the browser for translation.

The offline dictionary library provided in theOffline English-Chinese Dictionaryplug-in is also used here, so the search for offline dictionaries is supported, which is the same as above. Operation, select the keywords 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 view more detailed translation results, You can click on the Chinese translation result 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 on EditSearch Engineon the right side of the bottom bar of the browser, and then select the search engine you need in the pop-up window options to switch.

You can also select theSearch Online By Switch Enginemenu 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 theExtesion Settingsof 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

, 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

file, such as modifying the configuration ofsearch-online.search-engineIf the parameter isBing, you can useBingas the default search engine to search.

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

configuration parameters of the.vscode/setting.jsonfile.

{ "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%" } ] }

at the bottom of the panel to switch engines, and then it will appear Fill in the two input boxes with the following content respectively to add a search engine↓

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

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

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:

! !

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