>개발 도구 >VSCode >개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)

개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)

青灯夜游
青灯夜游앞으로
2020-12-09 17:40:123778검색

개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)

관련 추천: "vscode tutorial"

영어를 잘 못하는 많은 학생들이 코딩을 할 때 이해하지 못하는 단어를 접하는 경우가 많다고 생각합니다. 프로젝트 작성. 온라인에서 문서를 읽고, 온라인으로 도움을 요청하고, 다른 프로젝트의 예제를 참조해야 하는 경우, 이전에 이런 종류의 문제가 발생했다면 이 VS Code 플러그인이 큰 도움이 될 수 있다고 믿습니다. 온라인/오프라인 검색 또는 번역 작업을 수행합니다.

Using

간단한 사용 과정을 소개합니다. VS Code에서 영웅 검색/번역을 검색하고 클릭하여 설치할 수도 있습니다. Search/Translate Hero 然后点击安装,你也可以在这里进行下载:

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

如果你使用的是国产 Hbuider 编辑器,你可以点击这里进行下载:

  • https://ext.dcloud.net.cn/plugin?id=355개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)

搜索

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

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

翻译

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

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

这里还使用了离线英汉词典(https://github.com/program-in-chinese/vscode_english_chinese_dictionary)插件中提供的离线词典库,所以支持了离线词典的搜索,也是跟上面一样相同的操作,选中代码中的关键词,翻译结果会出现在底部栏右下角,简单的翻译无需频繁地咨询百度和谷歌翻译,在底部展示结果,方便也清晰,如果你想查看更详细的翻译结果,可以点击底部栏右下角的中文翻译结果,此时会打开你的默认浏览器进行线上翻译。

切换搜索引擎

如果你有其他特别需要,你可以切换不同的搜索引擎,只需要点击在编辑器底部栏右侧 Search Engine,然后在弹窗选项中选择你需要的搜索引擎即可切换。

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

如果预设的搜索引擎地址不能满足你的使用,你可以手动更新搜索引擎地址,进入插件的 Extesion Settings 里设置即可。

默认的各搜索引擎地址格式如下:

注意:使用 %SELECTION%

    https://marketplace.visualstudio.com/items?itemName=Wscats.search
🎜🎜국내 Hbuider 편집기를 사용하는 경우 여기를 클릭하여 다운로드할 수 있습니다: 🎜
  • https://ext.dcloud.net. cn/plugin?id=355개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)
🎜🎜Search🎜🎜🎜🎜먼저, 개발자로서 가장 먼저이자 가장 중요한 기능은 검색입니다. , 우리는 매일 코딩을 하다보면 검색과 떼려야 뗄 수 없습니다. require('react')와 같이 코드를 작성하는 과정에서 이해하지 못하는 라이브러리를 만나면 편집할 수 있습니다. 브라우저의 코드에서 해당 키워드 react를 선택한 다음 마우스 오른쪽 버튼을 클릭하고 나타나는 메뉴 패널에서 Search Online 메뉴 항목을 선택하세요. -in은 자동으로 기본 브라우저를 열고 해당 키워드를 검색하고 검색 결과를 표시합니다. 🎜🎜물론, 해당 키워드를 선택하고 단축키 cmd+enter(mac) / ctrl+enter(win)를 사용하여 브라우저를 열고 검색할 수도 있습니다. 매번 화면을 브라우저로 전환하여 검색 URL을 입력하고 키워드를 입력한 후 검색할 필요가 없습니다. 🎜🎜🎜🎜🎜Translation🎜🎜🎜🎜영어가 서툰 학생들에게 희소식입니다. 코드에서 이해하지 못하는 단어가 나오면 에디터의 코드에서 해당 키워드를 선택한 후, 마우스 오른쪽 버튼을 클릭하면 나타나는 메뉴 패널에서 온라인 번역 메뉴 항목을 선택합니다. 플러그인이 자동으로 기본 브라우저를 열고 Google 번역을 입력하여 번역 결과를 검색합니다. 해당 키워드. 🎜🎜마찬가지로 해당 키워드를 선택하고 단축키 cmd+shift+enter(mac) / ctrl+shift+enter(win)를 사용하여 브라우저를 열어 번역할 수도 있습니다. 🎜🎜🎜🎜오프라인 영중 사전도 사용됩니다 여기 (https://github.com/program-in-chinese/vscode_english_chinese_dictionary) 플러그인은 오프라인 사전 라이브러리를 제공하므로 오프라인 사전 검색도 위와 동일한 작업입니다. 하단 바 오른쪽 하단에 번역 결과가 표시되므로 바이두나 구글 번역에 자주 문의할 필요 없이 하단에 결과가 표시되므로 더 자세히 확인하고 싶을 때 편리합니다. 번역 결과를 보려면 하단 표시줄의 오른쪽 하단에 있는 중국어 번역 결과를 클릭하세요. 이때 기본 브라우저가 온라인 번역을 위해 열립니다. 🎜🎜🎜🎜🎜🎜검색 엔진 전환🎜🎜🎜🎜 다른 특별한 요구 사항이 있는 경우 다른 검색 엔진으로 전환할 수 있습니다. 편집기 하단 표시줄 오른쪽에 있는 검색 엔진을 클릭한 다음 팝업에서 필요한 검색 엔진을 선택하세요. 창 옵션을 전환합니다. 🎜🎜🎜🎜우클릭으로 선택하셔도 됩니다 메뉴바 스위치 엔진으로 온라인 검색 메뉴 항목을 클릭하면 해당 검색 엔진을 직접 검색으로 전환할 수 있습니다. 🎜🎜🎜🎜기본 검색 엔진 주소를 만족할 수 없는 경우 사용하려면 검색 엔진 주소를 수동으로 업데이트하고 플러그인의 확장 설정에서 설정할 수 있습니다. 🎜🎜🎜🎜각 검색 엔진의 기본 주소 형식은 다음과 같습니다. 🎜
🎜참고: 검색 엔진에서 선택한 키워드를 바꾸려면 %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%
코드 펜 https://codepen.io/search/pens?q=%SELECTION%
코드 샌드박스 https://codesandbox.io/search?query=%SELECTION%

For 예를 들어, color 웹사이트 검색 엔진에 들어갈 수 있고, 코드를 입력하면 언제든지 세이지 모드에 들어갈 수 있습니다(수동 재미).

개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)

Hmph, search-online.search-engine 수정 등 .vscode/setting.json 파일을 수정하여 기본 검색 엔진을 설정할 수도 있습니다. 구성 매개변수는 Bing이며 Bing을 기본 검색 엔진으로 사용하여 검색할 수 있습니다. .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 Enginerrreee

.vscode/setting.json 파일에서 search-online.add-search-engine의 구성 매개변수를 변경하여 추가 검색 엔진을 추가할 수 있습니다.
rrreee

위 작업이 번거롭다면 시각적 인터페이스를 통해 검색 엔진을 추가할 수도 있습니다. 패널 하단의 ➕ 검색 엔진 추가를 클릭하여 엔진을 전환하면 두 개의 입력이 나타납니다. . 상자에 검색 엔진을 추가하려면 다음 내용을 각각 입력하세요. ↓

name: Visual Studio Marketplace

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

개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)이를 통해 한 번의 클릭으로 Github에서 관련 코드를 검색하고, Npm에서 관련 도구 라이브러리를 검색하고, Wiki에서 전문 항목을 검색하고, Duck Duck Go에 비밀을 남기고, Code Pen을 사용하여 몇 개의 작은 조각을 붙여 넣을 수 있습니다. 그러나 간단히 말해서 그것은 불합리하고 도덕적인 완전성이 없습니다.

번역 엔진 전환

일반적으로 설정 패널에서 번역해야 하는 언어를 변경할 수 있습니다. 기본 설정은 영어를 중국어로 번역하는 것입니다.

하지만 러시아어가 작성한 코드 및 주석과 같은 두 번째 상황이 발생하여 번역하고 싶다면 번역 엔진을 러시아어-중국어 번역 설정으로 전환하면 됩니다. world's 온라인 언어 번역에는 Google 번역이 좋습니다. 앞으로 Baidu 번역 엔진 지원이 추가될 예정입니다. 많은 지원 부탁드립니다~

더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요. ! 🎜

위 내용은 개발 효율성을 향상시키는 VSCode 플러그인(강력 추천!)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제