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

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

Dec 09, 2020 pm 05:40 PM
vscode 플러그인

개발 효율성을 향상시키는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

vscode에서 word 문서 보는 방법 vscode에서 word 문서 보는 방법 vscode에서 word 문서 보는 방법 vscode에서 word 문서 보는 방법 May 09, 2024 am 09:37 AM

먼저 컴퓨터에서 vscode 소프트웨어를 열고 그림의 ①과 같이 왼쪽의 [확장] 아이콘을 클릭한 다음 그림의 ②와 같이 확장 인터페이스의 검색 상자에 [officeviewer]를 입력합니다. 그런 다음 검색 결과에서 [officeviewer]를 선택하여 그림의 ③과 같이 설치합니다. 마지막으로 아래와 같이 docx, pdf 등의 파일을 엽니다.

vscode로 순서도 그리는 방법 Visual_studio 코드로 순서도 그리는 방법 vscode로 순서도 그리는 방법 Visual_studio 코드로 순서도 그리는 방법 Apr 23, 2024 pm 02:13 PM

먼저 컴퓨터에서 Visual Studio 코드를 열고 왼쪽에 있는 네 개의 사각형 버튼을 클릭한 다음 검색 상자에 draw.io를 입력하여 플러그인을 쿼리하고 설치를 클릭한 후 새 test.drawio 파일을 생성합니다. test.drawio 파일을 선택하고 왼쪽의 편집 모드로 진입합니다. 측면에 다양한 그래픽이 있습니다. 드로잉 후 파일 → Embed → svg를 클릭한 다음 svg를 복사합니다. 복사한 svg 코드를 html 코드에 붙여넣으세요. html 웹페이지를 열면 해당 페이지의 그림을 클릭하시면 해당 페이지를 확대/축소하실 수 있습니다. 흐름도 여기서는 오른쪽 하단에 있는 연필 패턴을 클릭하여 웹 페이지로 이동합니다.

Caltech Chinese는 AI를 사용하여 수학적 증명을 뒤집습니다! 충격적인 Tao Zhexuan의 속도 5배 향상, 수학 단계의 80%가 완전 자동화됨 Caltech Chinese는 AI를 사용하여 수학적 증명을 뒤집습니다! 충격적인 Tao Zhexuan의 속도 5배 향상, 수학 단계의 80%가 완전 자동화됨 Apr 23, 2024 pm 03:01 PM

테렌스 타오(Terence Tao)를 비롯한 많은 수학자들이 극찬한 공식 수학 도구인 LeanCopilot이 다시 진화했다고요? 방금 Caltech 교수인 Anima Anandkumar는 팀이 LeanCopilot 논문의 확장 버전을 출시하고 코드 기반을 업데이트했다고 발표했습니다. 이미지 논문 주소: https://arxiv.org/pdf/2404.12534.pdf 최신 실험에 따르면 이 Copilot 도구는 수학적 증명 단계의 80% 이상을 자동화할 수 있는 것으로 나타났습니다! 이 기록은 이전 베이스라인 이솝보다 2.3배 향상된 기록이다. 그리고 이전과 마찬가지로 MIT 라이선스에 따른 오픈 소스입니다. 사진 속 그는 중국 소년 송페이양이다.

vscode에서 백그라운드 업데이트를 활성화하는 방법 vscode에서 백그라운드 업데이트를 활성화하는 방법 vscode에서 백그라운드 업데이트를 활성화하는 방법 vscode에서 백그라운드 업데이트를 활성화하는 방법 May 09, 2024 am 09:52 AM

1. 먼저 인터페이스를 연 후 왼쪽 상단에 있는 파일 메뉴를 클릭합니다. 2. 그런 다음 환경 설정 열에서 설정 버튼을 클릭합니다. 3. 그런 다음 이동하는 설정 페이지에서 업데이트 섹션을 찾습니다. 마지막으로 마우스를 클릭하여 확인하고 활성화합니다. Windows의 백그라운드에서 새 VSCode 버전 버튼을 다운로드하여 설치하고 프로그램을 다시 시작합니다.

vscode 작업 공간에 파일을 추가하는 방법 vscode 작업 공간에 파일을 추가하는 방법 vscode 작업 공간에 파일을 추가하는 방법 vscode 작업 공간에 파일을 추가하는 방법 May 09, 2024 am 09:43 AM

1. 먼저 vscode 소프트웨어를 열고 탐색기 아이콘을 클릭한 후 작업 공간 창을 찾습니다. 2. 그런 다음 왼쪽 상단 모서리에 있는 파일 메뉴를 클릭하고 작업 공간에 폴더 추가 옵션을 찾습니다. 3. 마지막으로 폴더 위치를 찾습니다. 로컬 디스크, 추가 버튼을 클릭하세요

vscode에서 wsl 구성 파일을 비활성화하는 방법 vscode에서 wsl 구성 파일을 비활성화하는 방법 vscode에서 wsl 구성 파일을 비활성화하는 방법 vscode에서 wsl 구성 파일을 비활성화하는 방법 May 09, 2024 am 10:30 AM

1. 먼저 설정 메뉴에서 설정 옵션을 엽니다. 2. 그런 다음 일반적으로 사용되는 페이지에서 터미널 열을 찾습니다. 3. 마지막으로 열 오른쪽에 있는 usewslprofiles 버튼을 선택 취소합니다.

VScode에서 애니메이션 부드러운 삽입을 설정하는 방법 VScode 튜토리얼에서 애니메이션 부드러운 삽입을 설정하는 방법 VScode에서 애니메이션 부드러운 삽입을 설정하는 방법 VScode 튜토리얼에서 애니메이션 부드러운 삽입을 설정하는 방법 May 09, 2024 am 09:49 AM

1. 먼저 인터페이스를 연 후 작업 공간 인터페이스를 클릭합니다. 2. 그런 다음 열린 편집 패널에서 파일 메뉴를 클릭합니다. 3. 그런 다음 기본 설정 열 아래의 설정 버튼을 클릭합니다. 4. 마지막으로 마우스를 클릭하여 CursorSmoothCaretAnimation을 확인합니다. 버튼을 누르고 저장하면 됩니다.

Vscode에서 작업 공간 신뢰 권한을 여는 방법 Vscode 메서드에서 작업 공간 신뢰 권한을 여는 방법 Vscode에서 작업 공간 신뢰 권한을 여는 방법 Vscode 메서드에서 작업 공간 신뢰 권한을 여는 방법 May 09, 2024 am 10:34 AM

1. 먼저 편집 창을 연 후 왼쪽 하단에 있는 구성 아이콘을 클릭합니다. 2. 그런 다음 열리는 하위 메뉴에서 워크스페이스 신뢰 관리 버튼을 클릭합니다. 3. 그런 다음 편집 창에서 해당 페이지를 찾습니다. 마지막으로 귀하의 사무실에 따라 필요한 경우 관련 지침을 확인하십시오.

See all articles