이 기사에서는 PHP 개발 효율성을 향상시키는 30개의 VSCode 플러그인을 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
오늘은 제가 매일 사용하는 아주 유용한 플러그인을 소개하겠습니다. 이를 통해 우리의 VSC(VSCode)는 5개의 레이저를 가진 유니콘과 같을 것입니다!
아직 VSC를 처음 사용하시는 경우 왼쪽 하단 버튼을 클릭하여 플러그인을 설치하세요.
Visual Studio Code의 가장 오래된 테마!
자동으로 검색, 분석한 후 코드 완성 기능을 제공합니다. TypeScript 및 TSX의 경우 이는 작동합니다.
이 플러그인은 줄 끝에 가져온 패키지의 크기를 표시합니다. 번들 크기를 계산하기 위해 플러그인은 Webpack 및 babili-webpack-plugin을 사용합니다.
추천 학습: "vscode tutorial"
간단한 플러그인을 사용하면 정렬을 더 쉽게 읽을 수 있습니다.
링크 태그를 통해 참조된 프로젝트 및 외부 파일을 기반으로 하는 이 스마트 플러그인은 HTML의 CSS 클래스 이름 완성 기능을 제공합니다.
SVG 미리보기용 플러그인입니다.
이 플러그인 없이는 절대 살 수 없습니다. 한 번의 클릭으로 JavaScript/TypeScript/CSS 코드를 아름답게 하려면 이 플러그인이 필요합니다.
다운로드 수로 보면 Sublime Text에서 이전한 분들이 많은 것 같습니다.
이 플러그인은 Visual Studio 코드의 단축키 바인딩을 Sublime Text 3과 동일하게 변경합니다. 시도해 볼 수 있습니다: cmd + P(Mac), ctrl + P(Windows).
파일로 바로 이동할 수 있으며, 검색 앞에 > 기호를 추가하면 내장 터미널 열기, 플러그인 설치 등의 작업까지 검색할 수 있습니다.
ST3를 익숙하게 사용하는 분들에게는 이것이 큰 장점이 됩니다.
VSCode 플러그인은 import 문에서 npm 모듈 이름을 자동으로 완성할 수 있습니다.
JavaScript/TypeScript 파일에서 HTML 태그를 사용하는 경우 lit-html은 구문 강조 및 해당 완성 지원을 제공합니다.
이것은 VSCode가 기본적으로 제공해야 하는 기능으로, 일치하는 태그를 강조 표시해야 합니다.
아무 말도 하지 말고 사진만 올려주세요!
Git Project Manager를 사용하면 Git 관리 기반의 프로젝트를 클릭 한 번으로 직접 검색하고 열 수 있습니다.
은 git 로그 또는 파일의 git 기록을 보고, 다른 분기와 커밋을 비교하는 데 사용됩니다.
는 파일/폴더를 생성, 복사, 이동, 이름 바꾸기, 삭제하는 보다 간결한 방법을 제공합니다.
코드에 콜백이 많은 경우 이러한 강조 표시를 사용하면 다양한 코드 블록을 더 잘 구별하는 데 도움이 될 수 있습니다.
정의된 색상을 시각적으로 표시합니다.
CSS ID 또는 클래스를 통해 HTML에서 해당 정의를 찾을 수 있습니다.
Chrome을 사용하여 JavaScript 코드 또는 Chrome 디버거 프로토콜을 지원하는 기타 플랫폼을 디버깅하세요.
JavaScript 코드를 실시간으로 실행합니다(빠른 데모에 유용함).
중복 공백을 강조 표시하고 빠르게 삭제하세요.
TypeScript 프로그래밍을 도와주는 아동용 신발!
사용 습관에 대한 데이터 보고서를 생성하세요.
Vue 도구는 VS Code 아래에 있습니다! Pine Wu가 개발한 이 게임은 누적 다운로드 수가 400만 건을 넘었습니다!
는 여러 언어로 된 코드의 즉각적인 실행을 지원합니다. 지원되는 언어: 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.
아이콘 모음.
Facebook용 Jest를 사용해 재미있게 즐겨보세요.
ES6 구문을 사용하여 React.js 애플리케이션을 개발하는 것은 매우 편리합니다.
---끝---
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 PHP 개발 효율성을 향상시키는 30가지 VSCode 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!