Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wscats/search-online
🔍A simple extension for VSCode to search online easily using search engine.
https://github.com/wscats/search-online
baidu-search bing-search google-search search search-engine vscode-extension
Last synced: 3 months ago
JSON representation
🔍A simple extension for VSCode to search online easily using search engine.
- Host: GitHub
- URL: https://github.com/wscats/search-online
- Owner: Wscats
- Created: 2016-02-24T08:01:46.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2020-12-25T09:03:30.000Z (about 4 years ago)
- Last Synced: 2024-10-16T19:40:44.128Z (3 months ago)
- Topics: baidu-search, bing-search, google-search, search, search-engine, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=Wscats.search
- Size: 24.7 MB
- Stars: 164
- Watchers: 8
- Forks: 16
- Open Issues: 3
-
Metadata Files:
- Readme: README.CN.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# 特性
[English](https://github.com/Wscats/search-online/blob/master/README.md) | [中文](https://gitee.com/wscats/search-online/blob/master/README.CN.md)
一款让您在代码中进行搜索或者翻译的 VS Code 插件。
# 使用
## 搜索
你可以在编辑器中,选中代码中对应的关键词,然后点击鼠标右键,在出现的菜单面板中选择 `Search Online` 菜单项,插件会自动帮你打开默认浏览器,并搜索对应的关键词和显示搜索结果。
你还可以选中对应的关键词后,使用快捷键 `cmd+enter(mac)` / `ctrl+enter(win)` 去打开浏览器进行搜索。
![img](./img/2.gif?raw=true)
## 翻译
你可以在编辑器中,选中代码中对应的关键词,然后点击鼠标右键,在出现的菜单面板中选择 `Traslate Online` 菜单项,插件会自动帮你打开默认浏览器,并进入谷歌翻译搜索,搜索对应的关键词的翻译结果。
你还可以选中对应的关键词后,使用快捷键 `cmd+shift+enter(mac) / ctrl+shift+enter(win)` 去打开浏览器进行翻译。
![img](./img/1.gif?raw=true)
支持离线词典的搜索,只需打开设置 `search-online.show-status-bar` 为 `true` 把开关打开(默认关闭),选中代码中的关键词,翻译结果会出现在底部栏右下角,如果你想查看更详细的翻译结果,可以点击底部栏右下角的中文翻译结果,此时会打开你的默认浏览器进行线上翻译。
```json
{
"search-online.show-status-bar": true
}
```![img](./img/8.png?raw=true)
# 切换搜索引擎
如果你有需要,你可以切换不同的搜索引擎,只需要点击在编辑器底部栏右侧 `Search Engine`,然后在弹窗选项中选择你需要的搜索引擎即可切换。
![img](./img/3.gif?raw=true)
你还可以在右键菜单栏中选择 `Search Online By Switch Engine`菜单项,直接切换对应的搜索引擎进行搜索。
![img](./img/4.gif?raw=true)
如果预设的搜索引擎地址不能满足你的使用,你可以手动更新搜索引擎地址,进入插件的 `Extesion Settings` 里设置即可。
![img](./img/5.png?raw=true)
默认的各搜索引擎地址格式如下:
> 注意:使用 `%SELECTION%` 来替换搜索引擎选中的关键词.
| 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% |你还可以通过修改 `.vscode/setting.json` 文件,来设置默认搜索引擎,例如修改 `search-online.search-engine` 的配置参数为 `Bing`,即可使用 `Bing` 作为默认搜索引擎来搜索。
```json
{
"search-online.search-engine": "Bing"
}
```通过更改 `.vscode/setting.json` 文件的 `search-online.add-search-engine` 的配置参数,可以添加额外的搜索引擎。
```json
{
"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.visualstudio.com/search?term=%SELECTION%&target=VSCode
![img](./img/6.png?raw=true)
# 切换翻译引擎
你在设置面板更改需要翻译的语言,默认设置是英文翻译成中文。
![img](./img/7.png?raw=true)
# 鸣谢
开发团队
| [
Eno Yao](https://github.com/Wscats) | [
中文编程](https://github.com/program-in-chinese) |
| - | - |如果插件对您有帮助,恳请您在 [**插件商城**](https://marketplace.visualstudio.com/items?itemName=Wscats.search&ssr=false#review-details) 中给我们一个五星好评,您的鼓励是我前进的最大动力!
如果您有任何问题和建议,您可以进入该 [**链接**](https://github.com/Wscats/search-online/issues/new) 留言,我会尽快回复您。