這篇文章將為大家詳細(xì)講解有關(guān)怎么使用提高開發(fā)效率的VSCode插件，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站從2013年成立，先為玉環(huán)等服務(wù)建站，玉環(huán)等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為玉環(huán)企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

相信好多英語(yǔ)不好的同學(xué)在打代碼的時(shí)候，經(jīng)常會(huì)遇到不懂的單詞，也相信好多時(shí)候同學(xué)寫項(xiàng)目時(shí)候忘記框架的接口，需要網(wǎng)上翻閱文檔，線上提問(wèn)求助，參考其他項(xiàng)目的示例，那么如果你都過(guò)遇到這類問(wèn)題，那么相信這款 VS Code 插件能極大的幫助到你，它能讓您在代碼中進(jìn)行線上/線下搜索，或者翻譯的。

使用

介紹下簡(jiǎn)單的使用過(guò)程，你可以在 VS Code 中搜索Search/Translate Hero 然后點(diǎn)擊安裝，你也可以在這里進(jìn)行下載：

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

如果你使用的是國(guó)產(chǎn) Hbuider 編輯器，你可以點(diǎn)擊這里進(jìn)行下載：

• https://ext.dcloud.net.cn/plugin?id=3557

搜索

首先，第一個(gè)最重要的功能就是搜索，作為開發(fā)者，我們每天打代碼肯定都離不開搜索，當(dāng)你在寫代碼的過(guò)程中遇到不明白的庫(kù)，比如：require('react')，你就可以在編輯器中，選中代碼中對(duì)應(yīng)的關(guān)鍵詞react，然后點(diǎn)擊鼠標(biāo)右鍵，在出現(xiàn)的菜單面板中選擇Search Online 菜單項(xiàng)，插件會(huì)自動(dòng)幫你打開默認(rèn)瀏覽器，并搜索對(duì)應(yīng)的關(guān)鍵詞和顯示搜索結(jié)果。

當(dāng)然你還可以選中對(duì)應(yīng)的關(guān)鍵詞后，使用快捷鍵cmd+enter(mac) /ctrl+enter(win) 去打開瀏覽器進(jìn)行搜索，這樣會(huì)更高效，再也無(wú)需每次切換屏幕到瀏覽器，輸入搜索網(wǎng)址鍵入關(guān)鍵詞然后進(jìn)行搜索啦。

翻譯

英文不好的同學(xué)的福音，當(dāng)你在代碼中遇到不懂的單詞，你可以在編輯器中，選中代碼中對(duì)應(yīng)的關(guān)鍵詞，然后點(diǎn)擊鼠標(biāo)右鍵，在出現(xiàn)的菜單面板中選擇Traslate Online 菜單項(xiàng)，插件會(huì)自動(dòng)幫你打開默認(rèn)瀏覽器，并進(jìn)入谷歌翻譯搜索，搜索對(duì)應(yīng)的關(guān)鍵詞的翻譯結(jié)果。

同樣你還可以選中對(duì)應(yīng)的關(guān)鍵詞后，使用快捷鍵cmd+shift+enter(mac) / ctrl+shift+enter(win) 去打開瀏覽器進(jìn)行翻譯。

這里還使用了離線英漢詞典（https://github.com/program-in-chinese/vscode_english_chinese_dictionary）插件中提供的離線詞典庫(kù)，所以支持了離線詞典的搜索，也是跟上面一樣相同的操作，選中代碼中的關(guān)鍵詞，翻譯結(jié)果會(huì)出現(xiàn)在底部欄右下角，簡(jiǎn)單的翻譯無(wú)需頻繁地咨詢百度和谷歌翻譯，在底部展示結(jié)果，方便也清晰，如果你想查看更詳細(xì)的翻譯結(jié)果，可以點(diǎn)擊底部欄右下角的中文翻譯結(jié)果，此時(shí)會(huì)打開你的默認(rèn)瀏覽器進(jìn)行線上翻譯。

切換搜索引擎

如果你有其他特別需要，你可以切換不同的搜索引擎，只需要點(diǎn)擊在編輯器底部欄右側(cè)Search Engine，然后在彈窗選項(xiàng)中選擇你需要的搜索引擎即可切換。

你還可以在右鍵菜單欄中選擇Search Online By Switch Engine菜單項(xiàng)，直接切換對(duì)應(yīng)的搜索引擎進(jìn)行搜索。

如果預(yù)設(shè)的搜索引擎地址不能滿足你的使用，你可以手動(dòng)更新搜索引擎地址，進(jìn)入插件的Extesion Settings 里設(shè)置即可。

默認(rèn)的各搜索引擎地址格式如下：

注意：使用%SELECTION% 來(lái)替換搜索引擎選中的關(guān)鍵詞

Engine	Url
Google	https://www.google.com/search?q=%SELECTION%
Bing	https://www.bing.com/search?q=%SELECTION%
Github	https://www.github.com/search?q=%SELECTION%
Baidu	https://www.baidu.com/search?q=%SELECTION%
Npm	https://www.npmjs.com/search?q=%SELECTION%
Yahoo	https://search.yahoo.com/search?p=%SELECTION%
Wiki	https://wikipedia.org/wiki/%SELECTION%
Duck	https://duckduckgo.com/?q=%SELECTION%
Code Pen	https://codepen.io/search/pens?q=%SELECTION%
Code Sandbox	https://codesandbox.io/search?query=%SELECTION%

比如，你可以鍵入一個(gè)顏色網(wǎng)站的搜索引擎，以后打著打著代碼就可以隨時(shí)進(jìn)入一波賢者模式了(手動(dòng)滑稽)。

哼，你還可以通過(guò)修改.vscode/setting.json 文件，來(lái)設(shè)置默認(rèn)搜索引擎，例如修改search-online.search-engine 的配置參數(shù)為Bing，即可使用Bing 作為默認(rèn)搜索引擎來(lái)搜索。

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

通過(guò)更改.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%"
    }
  ]
}

如果你嫌上面的操作都很麻煩，那你還可以通過(guò)可視化界面來(lái)增加搜索引擎，在切換引擎的面板底部點(diǎn)擊? Add Search Engine，然后會(huì)出現(xiàn)兩次輸入框，分別填入如以下內(nèi)容，即可增加搜索引擎↓

name: Visual Studio Marketplace

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

有了這些，你可以一鍵在 Github 上搜索相關(guān)代碼，在 Npm 搜索相關(guān)的工具庫(kù)，在 Wiki 檢索專業(yè)得詞條，在 Duck Duck Go 留下你不可告人的小秘密，在 Code Pen 粘貼幾段小代碼回來(lái)，總之就是不講道理，毫無(wú)武德。

切換翻譯引擎

一般情況，你可以在設(shè)置面板更改需要翻譯的語(yǔ)言，默認(rèn)設(shè)置是英文翻譯成中文。

但是如果遇到二般情況，比如遇上俄國(guó)人寫的代碼和注釋，你想翻譯一下，那么你可以把翻譯引擎切換到俄語(yǔ)翻譯成中文的設(shè)置，這里支持世界上大部分語(yǔ)言的線上翻譯，谷歌翻譯是個(gè)好東西，后續(xù)會(huì)增加百度翻譯引擎的支持，請(qǐng)大家多多資瓷啦~

關(guān)于怎么使用提高開發(fā)效率的VSCode插件就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享標(biāo)題：怎么使用提高開發(fā)效率的VSCode插件-創(chuàng)新互聯(lián)
本文URL：http://jinyejixie.com/article22/hgecc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、外貿(mào)建站、用戶體驗(yàn)、App設(shè)計(jì)、企業(yè)網(wǎng)站制作、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)