VSCode의 일일 개발을 위한 권장 플러그인

관련 추천: "vscode tutorial"

Visual Studio Code는 가볍지만 강력한 소스 코드 편집기입니다. 가볍다는 것은 다운로드한 Vs Code가 실제로 간단한 편집기라는 것을 의미합니다. 강력하다는 것은 환경 플러그인의 확장을 의미합니다. 다국어 지원 Vs Code가 지배적인 개발 언어가 된 것은 바로 이러한 플러그인 설치 환경 개발 지원 덕분에 동시에 여러 언어 개발을 지원할 수 있게 된 것입니다.

좋은 직원이 자신의 일을 잘하려면 먼저 도구를 연마해야 한다는 속담이 있습니다. 오래된 Vs Code 사용자로서 유용한 플러그인을 설치하면 일상적인 개발 효율성이 크게 향상될 수 있다고 생각합니다. 다음은 제가 일상생활에서 추천하는 플러그인들인데, 개발 중에 자주 사용하고 기분 좋은 플러그인들도 계속해서 업데이트 될 예정이니, 여기서 언급하지 못한 좋은 플러그인들이 있다면 아래에 메시지를 남겨주시면 추가하겠습니다.

Vs Code 관련 링크 주소:

Vs Code 공식 홈페이지 주소:

https://code.visualstudio.com/

Vs Code GitHub 소스 코드 주소:

https: // github.com/Microsoft/vscode

Vs 코드 플러그인 시장 주소:

https://marketplace.visualstudio.com/

Vs 코드 확장 플러그인 설치:

단축키: 확장 패널에 들어가 App Store 텍스트 상자에서 확장 프로그램을 검색하려면 Ctrl+Shift +X를 사용하세요.

VS Code용 중국어(간체) 언어 팩:

확장 이름: Visual Studio Code용 중국어(간체) 언어 팩

플러그인 마켓 주소: https://marketplace.visualstudio.com/ items?itemName=MS-CEINTL.vscode-언어-pack-zh-hans

추가 설명: 이 중국어(간체) 언어 팩은 VS Code에 대한 지역화된 인터페이스를 제공합니다.

Beautify VS 코드 코드:

확장 이름: Beautify

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

확장 설명: Beautifyjavascript，JSON，CSS，Sass，和HTML 비주얼 스튜디오 코드.

Visual Studio 코드 아이콘:

확장 이름: vscode-icons

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

추가 설명: vscode-icons는 폴더와 파일에 편안한 아이콘을 추가할 수 있을 뿐만 아니라 프로젝트를 자동으로 감지하고 git, Markdown, 구성 항목, 도구 클래스 등과 같은 프로젝트의 다양한 기능에 따라 다양한 아이콘을 일치시킬 수 있습니다.

자동으로 닫기 태그 추가:

확장 이름: 자동 닫기 태그

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

확장 설명: Visual Studio IDE 또는 Sublime Text와 마찬가지로 HTML/XML 닫는 태그를 자동으로 추가합니다(프런트 엔드 개발 파트너에게 매우 유용함).

Vs Code 최고의 코드 주석 확장 플러그인:

확장 이름: Better Comments

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better- comments

확장 설명: Better Comments 확장은 코드에서 더욱 사용자 친화적인 주석을 작성하는 데 도움이 됩니다. 이 확장 기능을 사용하면 주석을 다음과 같이 분류할 수 있습니다. 경고, 쿼리, 할 일, 하이라이트, 주석 처리된 코드는 코드가 존재하지 않도록 스타일을 지정할 수도 있고 설정에서 다른 주석 스타일을 지정할 수도 있습니다.

JavaScript 코드의 문제 찾기 및 수정:

확장 이름: ESLint

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode- eslint

추가 설명: ESLint는 다음 기능을 갖춘 코드 사양 및 오류 검사 도구입니다

1. 규칙 API 또는 포맷터 API를 호출하여 규칙 또는 포맷터를 패키지하거나 정의할 수 있습니다.
2. 모든 규칙은 독립적입니다
3. 특정 코딩 스타일이 없으며 직접 구성할 수 있습니다.

ESLint 구성 세부 정보: https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&length_1-utm_source=distribute.pc_relevant.none-task -blog-BlogCommendFromMachineLearnPai2-3.nonecase

사용하기 쉬운 Git 소스 코드 관리 플러그인 GitLens in Vs Code:

확장 이름: GitLens

플러그인 시장 주소: https://marketplace. Visualstudio.com/items?itemName =eamodio.gitlens

Extension 설명: GitLens에는 Visual Studio Code Git에 내장된 기능이 있습니다. Git 책임 설명 및 코드 렌즈를 통해 코드 작성자를 한눈에 확인하고, Git 리포지토리를 원활하게 탐색 및 탐색하고, 강력한 비교 명령을 통해 귀중한 통찰력을 얻는 데 도움이 됩니다.

Vs 코드 소스 코드 관리 플러그인 GitLens 사용 가이드: https://www.jianshu.com/p/95a1a06ac0fb

Git 기록 보기:

확장명 이름: Git History

Plug -in 마켓 주소: https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

확장 설명: Git 기록, 검색 등(git 로그 포함).

Flowchart 유물-Drawio:

확장 이름: Drawio Preview

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=purocean.drawio-preview

확장 설명 : Vs Code에서 도면 파일을 미리 봅니다.

Vs Code에서 Drawio 사용: https://blog.csdn.net/huanglin6/article/details/106239570

Import, 모듈 경로 자동 완성 필요:

확장 이름: Path Intellisense

플러그인 마켓 주소 ：https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

확장 설명: 해당 파일의 경로를 편집기에 입력하면 자동으로 완성됩니다(모듈 가져오기/소개) Import 및 Require에서는 매우 편리하고 사용하기 쉽습니다.

Vue 개발에 필수 - Vetur(Vue 도구 VS Code):

확장명 이름: Vetur

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=octref.vetur

확장 설명: 구문 강조, 스마트 프롬프트, emmet, 오류 프롬프트, 서식 지정, 자동 완성 및 디버거를 포함한 Vue 다기능 통합 플러그인입니다. vscode는 Vue 개발자에게 꼭 필요한 Vue 플러그인을 공식적으로 지정했습니다.

Vue 개발자가 보다 효율적인 Element-UI 코드를 작성할 수 있도록 지원:

확장 이름: vscode-element-helper

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=ElemeFE.vscode -element-helper

확장 설명: VSCode-Element-Helper는 Element-UI용 VS Code 확장으로, 훌륭한 라이브러리입니다. 점점 더 많은 프로젝트에서 이를 사용하고 있습니다. 따라서 개발자가 Element-UI를 통해 보다 효율적인 코드를 작성할 수 있도록 돕습니다.

Vue VSCode 조각:

확장 이름: Vue VSCode 조각

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

확장 설명: Vue 구문 조각 확장.

Vs 코드는 C# 확장을 실행합니다.

확장 이름: C#

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp

확장 설명: .NET 핵심 경량 개발 도구. 구문 강조, IntelliSense, 정의로 이동, 모든 참조 찾기 등을 포함한 강력한 C# 편집 지원. .NET Core(CoreCLR)에 대한 디버깅 지원. 참고: 모노 디버깅은 지원되지 않습니다. 데스크톱 CLR 디버깅 지원이 가능합니다. 한계. Project.json 및 csproj 프로젝트는 Windows, macOS 및 Linux에서 지원됩니다.

Vs Code를 사용하여 .NET Core를 개발하려면 다음 블로그를 참조하세요: https://www.cnblogs.com/yilezhu/p/9926078.html

Angular 개발에 필수 -VS Code의 Angular TypeScript 코드 조각:

확장 이름: Angular Snippets (Version 9)

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

확장 설명: Visual Studio용 확장입니다. 코드는 TypeScript이며 Angular용 HTML 스니펫이 추가되었습니다.

Vs 코드 Chrome 디버거:

확장 프로그램 이름: Debugger for Chrome

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

확장 프로그램 설명 : Chrome 또는 Chrome 디버거 프로토콜을 지원하는 기타 대상에서 JavaScript 코드를 디버그합니다.

Vs 코드 코드 러너:

확장명 이름: Code Runner

플러그인 마켓 주소: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

추가 설명: 여러 언어로 C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, 코드 조각 또는 코드 파일을 실행합니다. F# 스크립트, F#(.NET Core), C# 스크립트, C#(.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml 스크립트, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe , Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA 및 사용자 정의 명령.

전체 언어 자동 완성 프로그램-TabNine:

확장명 이름: TabNine

플러그인 마켓 주소: https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode

확장 설명 : TabNine용 VS Code 클라이언트입니다(모든 언어에 대한 자동 완성기). 전체 프로젝트를 인덱싱하려면 .gitignore를 읽고 인덱싱할 파일을 결정하세요. 니모닉 완성 엔진을 사용하여 몇 번의 키 입력만으로 긴 변수 이름을 입력할 수 있습니다. 제로 구성. TabNine은 즉시 사용 가능합니다. 빠른 응답 시간: 제안 목록은 일반적으로 10밀리초 이내에 생성됩니다.

자세한 소개: https://zhuanlan.zhihu.com/p/73811872

Visual Studio 코드용 아이콘 글꼴:

확장명 이름: 아이콘 글꼴

플러그인 시장 주소: https://marketplace. Visualstudio.com/items?itemName=idleberg.icon-fonts

추가 설명: 아이콘 글꼴은 VS Code 아이콘과 글꼴 약어를 제공하는 플러그인입니다. 눈에 띄지 않는 것처럼 보이지만 프런트엔드 개발의 경우 이 도구를 사용하면 개발 효율성을 크게 향상시킬 수 있습니다. 일부 약어를 통해 아이콘 글꼴과 관련된 코드 조각을 빠르게 완성할 수 있어 수동 입력 내용을 80% 이상 줄일 수 있습니다. 아이콘 글꼴은 html, css, less, sass, scss, stylus, jsx, 블레이드 및 vue를 지원합니다.

Gitlink는 VS Code GitHub의 사용을 지원하고 향상시키는 플러그인입니다:

확장 이름: Gitlink

플러그인 시장 주소: https://marketplace.visualstudio.com/items?itemName=qezhu .gitlink

자세한 설명: gitlink는 VS Code GitHub 사용을 지원하고 향상시키는 플러그인입니다.

다음 2가지 기능이 있습니다.
현재 파일의 온라인 링크로 이동합니다.
현재 파일의 온라인 링크를 클립보드에 복사하세요.

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

위 내용은 VSCode의 일일 개발을 위한 권장 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!