이 글에서는 효율성을 높이기 위해 일부 VSCode플러그인을 권장합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다. Visual Studio Code 플러그인, 효율성 향상의 필수품~ 관련 권장 사항: "vscode 기본 사용법 튜토리얼" 저희 VSC(VSCode)는 다음과 같습니다. 5살짜리 VSCode 레이저만 쏘는 유니콘처럼! 다음은 제가 매일 사용하는 매우 유용한 플러그인입니다. 아직 VSC를 처음 사용하시는 경우 왼쪽 하단 버튼을 클릭하여 플러그인을 설치하세요. 1. 머티리얼 테마 다운로드 수: 130만 Visual Studio Code의 가장 오래된 테마! 2. 자동 가져오기 다운로드 수: 460,000 자동으로 검색, 분석 후 코드 완성 기능을 제공합니다. TypeScript 및 TSX의 경우 이는 작동합니다. 3. 가져오기 비용 다운로드: 410,000 이 플러그인은 가져온 패키지의 크기를 줄 끝에 표시합니다. 번들 크기를 계산하기 위해 플러그인은 Webpack 및 babili-webpack-plugin을 사용합니다. Indent-Rainbow 다운로드: 130,000 간단한 플러그인으로 정렬을 더 쉽게 읽을 수 있습니다. 4. HTML의 CSS 클래스 이름용 IntelliSense 다운로드: 243만 링크 태그를 통해 참조된 프로젝트 및 외부 파일을 기반으로 이 스마트 플러그인은 다음을 제공합니다. CSS 클래스 이름의 HTML 완성입니다. link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全。 5、SVG Viewer 下载量:29 万 一个用来预览 SVG 的插件。 6、Prettier 下载量:357 万 你绝对不能少了这个插件,你需要它来一键美化你的 JavaScript/TypeScript/CSS 代码。 7、React Native Tools 下载量:218 万 代码提示、Debugging、集成 RN 的命令。 8、Sublime Text Keymap and Settings Importer 下载量:76 万 从下载量来看,看来不少人从 Sublime Text 转移过来了。 这个插件将 visual studio code 的快捷键绑定改成了和 Sublime Text 3 一样。你可以试一试:cmd + P (Mac),ctrl + P (Windows)。 你可以跳转到文件,如果在搜索前添加> 5, SVG 뷰어 다운로드 수: 290,000 SVG를 미리보기 위한 플러그인입니다. 6, Prettier 다운로드: 357만 이 플러그인 없이는 절대 살 수 없습니다. 한 번의 클릭으로 JavaScript/TypeScript/CSS 코드를 아름답게 하려면 이 플러그인이 필요합니다. 🎜🎜7, React Native Tools🎜🎜🎜다운로드: 218,000 🎜🎜코드 프롬프트, 디버깅 및 통합 RN 명령. 🎜🎜🎜🎜🎜8、Sublime Text 키맵 및 설정 가져오기🎜🎜🎜다운로드 볼륨: 760,000🎜🎜다운로드량으로 볼 때 Sublime Text에서 이전하신 분들이 많은 것 같습니다. 🎜🎜🎜🎜이 플러그인은 Visual Studio 코드의 바로 가기 키 바인딩을 변경합니다. Sublime Text 3과 동일합니다. 시도해 볼 수 있습니다: cmd + P(Mac), ctrl + P(Windows). 🎜🎜🎜🎜코드 검색 전에 > 기호를 사용하면 내장 터미널 열기, 플러그인 설치 등의 작업을 검색할 수도 있습니다. 🎜🎜ST3를 익숙하게 사용하는 분들에게는 이것이 큰 장점이 됩니다. 🎜🎜🎜9. npm Intellisense🎜🎜🎜다운로드: 880,000🎜🎜VSCode 플러그인은 import 문에서 npm 모듈 이름을 자동으로 완성할 수 있습니다. 🎜🎜🎜🎜🎜🎜10.lit-html🎜🎜🎜다운로드: 30,000🎜🎜JavaScript/TypeScript 파일에서 HTML 태그를 사용하는 경우 lit-html은 구문 강조 및 해당 완성 지원을 제공합니다. 🎜 12.highlight-matching-tag 다운로드: 60,000 이 기능은 VSCode에서 기본적으로 일치하는 태그를 강조 표시하는 기능이어야 합니다. 13, GitLens 다운로드 수: 772만 아무 말 말고 그냥 사진만 올려주세요! 14. Git Project Manager 다운로드: 370,000 Git Project Manager를 사용하면 Git 관리 기반의 프로젝트를 클릭 한 번으로 직접 검색하고 열 수 있습니다. 15. Git 기록 다운로드: 332만회 git 로그 또는 파일의 Git 기록을 보고, 다양한 분기 및 커밋을 비교하는 데 사용됩니다. 16. File Utils 다운로드: 80,000 파일/폴더를 생성, 복사, 이동, 이름 바꾸기 및 삭제하는 보다 간결한 방법을 제공합니다. 17, Bracket pair Colorizer 다운로드: 228만회 코드에 콜백이 많은 경우 이러한 종류의 강조 표시를 사용하면 다양한 코드 블록을 더 잘 구별하는 데 도움이 될 수 있습니다. 18, 컬러 하이라이트 다운로드 수: 250,000 당신이 정의한 색상을 시각적으로 표시하세요. 19, CSS Peek 다운로드: 230,000 CSS ID 또는 클래스별로 HTML에서 해당 정의를 찾을 수 있습니다. 20, Chrome용 디버거 다운로드: 1,111만 Chrome을 사용하여 JavaScript 코드 또는 Chrome 디버거 프로토콜을 지원하는 기타 플랫폼을 디버깅하세요. 21, Quokka.js 다운로드: 172만 JavaScript 코드를 실시간으로 실행합니다(빠른 데모에 유용함). 22. 후행 공백 다운로드: 70,000 중복 공백을 강조 표시하고 빠르게 삭제하세요. 23, TypeScript Hero 다운로드 수: 720,000 TypeScript 프로그래밍을 지원하는 어린이 신발! 24, WakaTime 다운로드: 240,000 사용 습관에 대한 데이터 보고서를 생성하세요. 25, Vetur 다운로드 수: 451만 VS Code Vue 도구는 아래에 있습니다! Pine Wu가 개발한 이 게임은 누적 다운로드 수가 400만 건을 넘었습니다! 26, Code Runner 다운로드 수: 346만 다국어 코드의 즉각적인 실행을 지원합니다. 지원되는 언어: 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 Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, 프리 파스칼, Haskell, Nim, D. 27, PHP IntelliSense 다운로드: 415만 28, vscode-icons 다운로드: 799만 아이콘 컬렉션입니다. 29, Jest 다운로드: 290,000 Facebook에서 Jest를 사용해 즐거운 시간을 보내세요. 30, React.js 코드 조각 다운로드: 590,000 ES6 구문을 사용하여 React.js 애플리케이션을 개발하는 것은 매우 편리합니다. English | https://blog.fundebug.com/2018/07/24/vs-extensions/ 프로그래밍 관련 지식을 더 보려면 프로그래밍 학습 웹사이트를 방문하세요! !