本篇文章給大家推薦一些極大提高國人開發(fā)效率超實用的vscode插件。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。
相信好多英語不好的同學在打代碼的時候，經(jīng)常會遇到不懂的單詞，也相信好多時候同學寫項目時候忘記框架的接口，需要網(wǎng)上翻閱文檔，線上提問求助，參考其他項目的示例，那么如果你都過遇到這類問題，那么相信這款 VS Code ?插件能極大的幫助到你，它能讓您在代碼中進行線上/線下搜索，或者翻譯的。
【推薦學習：《vscode》】
使用
介紹下簡單的使用過程，你可以在 VS Code 中搜索 Search/Translate Hero 然后點擊安裝，你也可以在這里進行下載：
- https://marketplace.visualstudio.com/items?itemName=Wscats.search
如果你使用的是國產(chǎn) Hbuider 編輯器，你可以點擊這里進行下載：
- https://ext.dcloud.net.cn/plugin?id=3557
搜索
首先，第一個最重要的功能就是搜索，作為開發(fā)者，我們每天打代碼肯定都離不開搜索，當你在寫代碼的過程中遇到不明白的庫，比如：require(‘react’)，你就可以在編輯器中，選中代碼中對應的關(guān)鍵詞 react，然后點擊鼠標右鍵，在出現(xiàn)的菜單面板中選擇 Search Online 菜單項，插件會自動幫你打開默認瀏覽器，并搜索對應的關(guān)鍵詞和顯示搜索結(jié)果。
當然你還可以選中對應的關(guān)鍵詞后，使用快捷鍵 cmd+enter(mac) / ctrl+enter(win) 去打開瀏覽器進行搜索，這樣會更高效，再也無需每次切換屏幕到瀏覽器，輸入搜索網(wǎng)址鍵入關(guān)鍵詞然后進行搜索啦。
翻譯
英文不好的同學的福音，當你在代碼中遇到不懂的單詞，你可以在編輯器中，選中代碼中對應的關(guān)鍵詞，然后點擊鼠標右鍵，在出現(xiàn)的菜單面板中選擇 Traslate Online 菜單項，插件會自動幫你打開默認瀏覽器，并進入谷歌翻譯搜索，搜索對應的關(guān)鍵詞的翻譯結(jié)果。
同樣你還可以選中對應的關(guān)鍵詞后，使用快捷鍵 cmd+shift+enter(mac) / ctrl+shift+enter(win) 去打開瀏覽器進行翻譯。
這里還使用了vscode插件中提供的離線詞典庫，所以支持了離線詞典的搜索，也是跟上面一樣相同的操作，選中代碼中的關(guān)鍵詞，翻譯結(jié)果會出現(xiàn)在底部欄右下角，簡單的翻譯無需頻繁地咨詢百度和谷歌翻譯，在底部展示結(jié)果，方便也清晰，如果你想查看更詳細的翻譯結(jié)果，可以點擊底部欄右下角的中文翻譯結(jié)果，此時會打開你的默認瀏覽器進行線上翻譯。
切換搜索引擎
如果你有其他特別需要，你可以切換不同的搜索引擎，只需要點擊在編輯器底部欄右側(cè) Search Engine，然后在彈窗選項中選擇你需要的搜索引擎即可切換。
你還可以在右鍵菜單欄中選擇 Search Online By Switch Engine菜單項，直接切換對應的搜索引擎進行搜索。
如果預設的搜索引擎地址不能滿足你的使用，你可以手動更新搜索引擎地址，進入插件的 Extesion Settings 里設置即可。
默認的各搜索引擎地址格式如下：
注意：使用 %SELECTION% 來替換搜索引擎選中的關(guān)鍵詞
| Engine | Url |
|---|---|
| www.google.com/search?q=%S… | |
| Bing | www.bing.com/search?q=%S… |
| Github | www.github.com/search?q=%S… |
| Baidu | www.baidu.com/search?q=%S… |
| Npm | www.npmjs.com/search?q=%S… |
| Yahoo | search.yahoo.com/search?p=%S… |
| Wiki | wikipedia.org/wiki/%SELEC… |
| Duck | duckduckgo.com/?q=%SELECTI… |
| Code Pen | codepen.io/search/pens… |
| Code Sandbox | codesandbox.io/search?quer… |
比如，你可以鍵入一個顏色網(wǎng)站的搜索引擎，以后打著打著代碼就可以隨時進入一波賢者模式了(手動滑稽)。
哼，你還可以通過修改 .vscode/setting.json 文件，來設置默認搜索引擎，例如修改 search-online.search-engine 的配置參數(shù)為 Bing，即可使用 Bing 作為默認搜索引擎來搜索。
{ ??"search-online.search-engine":?"Bing" }
通過更改 .vscode/setting.json 文件的 search-online.add-search-engine 的配置參數(shù)，可以添加額外的搜索引擎。
{ ??"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%" ????} ??] }
如果你嫌上面的操作都很麻煩，那你還可以通過可視化界面來增加搜索引擎，在切換引擎的面板底部點擊 ? Add Search Engine，然后會出現(xiàn)兩次輸入框，分別填入如以下內(nèi)容，即可增加搜索引擎↓
name: Visual Studio Marketplace
url：?https://marketplace.visualstudio.com/search?term=%25SELECTION%25&target=VSCode
有了這些，你可以一鍵在 Github 上搜索相關(guān)代碼，在 Npm 搜索相關(guān)的工具庫，在 Wiki 檢索專業(yè)得詞條，在 Duck Duck Go 留下你不可告人的小秘密，在 Code Pen 粘貼幾段小代碼回來，總之就是不講道理，毫無武德。
切換翻譯引擎
一般情況，你可以在設置面板更改需要翻譯的語言，默認設置是英文翻譯成中文。
但是如果遇到二般情況，比如遇上俄國人寫的代碼和注釋，你想翻譯一下，那么你可以把翻譯引擎切換到俄語翻譯成中文的設置，這里支持世界上大部分語言的線上翻譯，谷歌翻譯是個好東西，后續(xù)會增加百度翻譯引擎的支持，請大家多多資瓷啦~
更多編程相關(guān)知識，請訪問：vscode??！
