极大提升国人开发效率超实用的 VS Code 插件

相信好多英语很差的同窗在打代码的时候，常常会遇到不懂的单词，也相信好多时候同窗写项目时候忘记框架的接口，须要网上翻阅文档，线上提问求助，参考其余项目的示例，那么若是你都过遇到这类问题，那么相信这款 VS Code 插件能极大的帮助到你，它能让您在代码中进行线上/线下搜索，或者翻译的。

使用

介绍下简单的使用过程，你能够在 VS Code 中搜索 Search/Translate Hero 而后点击安装，你也能够在这里进行下载：

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

若是你使用的是国产 Hbuider 编辑器，你能够点击这里进行下载：

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

搜索

首先，第一个最重要的功能就是搜索，做为开发者，咱们天天打代码确定都离不开搜索，当你在写代码的过程当中遇到不明白的库，好比：require('react')，你就能够在编辑器中，选中代码中对应的关键词 react，而后点击鼠标右键，在出现的菜单面板中选择 Search Online 菜单项，插件会自动帮你打开默认浏览器，并搜索对应的关键词和显示搜索结果。

固然你还能够选中对应的关键词后，使用快捷键 cmd+enter(mac) / ctrl+enter(win) 去打开浏览器进行搜索，这样会更高效，再也无需每次切换屏幕到浏览器，输入搜索网址键入关键词而后进行搜索啦。

翻译

英文很差的同窗的福音，当你在代码中遇到不懂的单词，你能够在编辑器中，选中代码中对应的关键词，而后点击鼠标右键，在出现的菜单面板中选择 Traslate Online 菜单项，插件会自动帮你打开默认浏览器，并进入谷歌翻译搜索，搜索对应的关键词的翻译结果。

一样你还能够选中对应的关键词后，使用快捷键 cmd+shift+enter(mac) / ctrl+shift+enter(win) 去打开浏览器进行翻译。

这里还使用了离线英汉词典插件中提供的离线词典库，因此支持了离线词典的搜索，也是跟上面同样相同的操做，选中代码中的关键词，翻译结果会出如今底部栏右下角，简单的翻译无需频繁地咨询百度和谷歌翻译，在底部展现结果，方便也清晰，若是你想查看更详细的翻译结果，能够点击底部栏右下角的中文翻译结果，此时会打开你的默认浏览器进行线上翻译。

切换搜索引擎

若是你有其余特别须要，你能够切换不一样的搜索引擎，只须要点击在编辑器底部栏右侧 Search Engine，而后在弹窗选项中选择你须要的搜索引擎便可切换。

你还能够在右键菜单栏中选择 Search Online By Switch Engine菜单项，直接切换对应的搜索引擎进行搜索。

若是预设的搜索引擎地址不能知足你的使用，你能够手动更新搜索引擎地址，进入插件的 Extesion Settings 里设置便可。

默认的各搜索引擎地址格式以下：

注意：使用 %SELECTION% 来替换搜索引擎选中的关键词

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

好比，你能够键入一个颜色网站的搜索引擎，之后打着打着代码就能够随时进入一波贤者模式了(手动滑稽)。

哼，你还能够经过修改 .vscode/setting.json 文件，来设置默认搜索引擎，例如修改 search-online.search-engine 的配置参数为 Bing，便可使用 Bing 做为默认搜索引擎来搜索。

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

经过更改 .vscode/setting.json 文件的 search-online.add-search-engine 的配置参数，能够添加额外的搜索引擎。

{
  "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，而后会出现两次输入框，分别填入如如下内容，便可增长搜索引擎↓

name: Visual Studio Marketplace

url: https://marketplace.visualstu...

有了这些，你能够一键在 Github 上搜索相关代码，在 Npm 搜索相关的工具库，在 Wiki 检索专业得词条，在 Duck Duck Go 留下你不可告人的小秘密，在 Code Pen 粘贴几段小代码回来，总之就是不讲道理，毫无武德。

切换翻译引擎

通常状况，你能够在设置面板更改须要翻译的语言，默认设置是英文翻译成中文。

可是若是遇到二般状况，好比赶上俄国人写的代码和注释，你想翻译一下，那么你能够把翻译引擎切换到俄语翻译成中文的设置，这里支持世界上大部分语言的线上翻译，谷歌翻译是个好东西，后续会增长百度翻译引擎的支持，请你们多多资瓷啦~

感谢

最后若是插件对您有帮助，恳请您在 插件商城 中给咱们一个五星好评，您的鼓励是我前进的最大动力！

若是您有任何问题和建议，您能够进入 反馈连接 留言，我会尽快回复您。