关于node.js:极大提高国人开发效率超实用的-VS-Code-插件

32次阅读

共计 2589 个字符,预计需要花费 7 分钟才能阅读完成。


置信好多英语不好的同学在打代码的时候,常常会遇到不懂的单词,也置信好多时候同学写我的项目时候遗记框架的接口,须要网上翻阅文档,线上发问求助,参考其余我的项目的示例,那么如果你都过遇到这类问题,那么置信这款 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 粘贴几段小代码回来,总之就是不讲道理,毫无武德。

切换翻译引擎

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

然而如果遇到二般状况,比方遇上俄国人写的代码和正文,你想翻译一下,那么你能够把翻译引擎切换到俄语翻译成中文的设置,这里反对世界上大部分语言的线上翻译,谷歌翻译是个好货色,后续会减少百度翻译引擎的反对,请大家多多资瓷啦~

感激

最初如果插件对您有帮忙,恳请您在 插件商城 中给咱们一个五星好评,您的激励是我后退的最大能源!

如果您有任何问题和倡议,您能够进入 反馈链接 留言,我会尽快回复您。

正文完
 0