VSCode 개발에 일반적으로 사용되는 플러그인 공유

이 글에서는 개발에 꼭 필요한 자주 사용되는 VSCode 플러그인을 소개하고 공유하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

관련 추천: "vscode tutorial"

Visual Studio Code용 필수 공통 플러그인

빨간색을 적극 권장합니다. 놓치지 마세요 o(∩_∩)o 红色为强力推荐，不容错过 o(∩_∩)o

---

• Chinese (Simplified) Language Pack for Visual Studio Code
  简体中文包

• Prettier - Code formatter
  最强格式化，不接受反驳（在应用商店中卸载JS-CSS-HTML Formatter

• Visual Studio Code용 중국어(간체) 언어 팩 중국어 간체 언어 팩
  

• Prettier - 코드 포맷터 가장 강력한 형식, 반박은 허용되지 않습니다(저장 시 자동 서식을 방지하려면 애플리케이션에서 JS-CSS-HTML 포맷터를 스토어에서 제거하세요)
  

• HTML 스니펫 매우 실용적이고 기본적인 H5 코드 스니펫 및 팁
  

• Code Runner 코드를 컴파일하고 실행하여 결과를 확인하세요. 다양한 언어를 지원합니다. ​​
  

• GitLens 풍부한 git 로그 플러그인
  

• vetur 높은 vue 구문 Bright, Intelligent Sense, Emmet Wait
  

• HTML CSS 지원 html 태그에 작성된 클래스가 현재 프로젝트에서 지원하는 스타일을 지능적으로 프롬프트하도록 합니다. 새 버전에서는 이미 필수 플러그인 중 하나인 scss 파일 검색을 지원합니다.
  

• 태그 자동 닫기 태그를 일치시키고 해당 태그를 닫습니다. 매우 실용적입니다. [HTML/XML]
  

• 태그 자동 이름 바꾸기 html 태그를 수정하면 자동으로 후행 닫는 태그의 동기 수정을 완료할 수 있습니다.
  

• Path Intellisense 경로 지능형 팁
  

• JavaScript(ES6) 코드 조각 이 플러그인은 JavaScript, TypeScript, HTML, React 및 Vue에 대한 ES6 구문 지원을 제공합니다.
  

• Live Server 브라우저는 실시간으로 새로고침됩니다. "라이브 서버로 열기"를 마우스 오른쪽 버튼으로 클릭하여
  

• 브라우저에서 열기를 엽니다. 브라우저에서 html 파일을 보고 시스템의 현재 기본 브라우저를 사용합니다.
  

• Bracket 쌍 Colorizer 브래킷에는 쉽게 구별할 수 있도록 독립된 색상이 있습니다. 어떤 테마에도 사용할 수 있습니다.
  

• ESLint ESLint 코드 감지 및 검증
  

• vscode-icon 필수 제품인 vscode 리소스 트리 디렉토리에 아이콘을 추가하세요!
  

• Chrome용 디버거 vscode가 chrome의 디버그 기능을 매핑하도록 합니다. 실제로는 666~
  

• IntelliSense for CSS class names in HTML 지능형 프롬프트입니다. HTML로 된 프로젝트의 CSS 파일 이름
  
  

• minapp

  WeChat 애플릿 레이블 및 속성의 지능적 완성(네이티브 애플릿, mpvue 및 wepy 프레임워크도 지원하고 스니펫 제공)
  

• CSS Peek

  스타일 시트에서 CSS 클래스가 정의된 위치를 추적합니다.
  Ctrl + 마우스 왼쪽 버튼 클래스 클릭 또는 마우스 오른쪽 버튼 "정의로 이동(F12)"

• Manta's Stylus Supremacy
  

서식 스타일러스

• 
  jQuery 코드 스니펫

jquery 중증 환자에게 필수

• 
  HTML용 수업 자동 완성

HTML 코드를 작성하는 친구들은 HTML 코드가 순전히 중복된다면 큰 문제가 됩니다. 손으로 타이핑하는 것은 피곤할 뿐만 아니라 프로젝트 진행에도 영향을 미칩니다. 이 자동 완성 플러그인은 정말 훌륭합니다.

• 
  JavaScript Snippet Pack

js용 플러그인으로, 다음과 같은 일반적인 문법 키워드가 포함되어 있습니다.

• 
  Path Autocomplete

Path 지능형 완성

• 
  beautify

코드 서식 지정 도구로 JSON|JS|HTML|CSS|SCSS 형식을 지정할 수 있습니다. 내장 서식보다 사용

• 
  HTMLHint

  🎜 HTML 코드 감지🎜🎜🎜🎜🎜VSCode Great Icons🎜🎜 또 다른 리소스 트리 디렉터리 아이콘🎜🎜🎜🎜🎜colorize🎜🎜은 현재 일치하는 코드 색상에 배경을 추가합니다. 컬러코드까지 아주 좋아요🎜

• 색상 정보
  는 CSS에서 색상을 사용하는 방법에 대한 정보를 제공합니다. 색상 위에 커서를 올리기만 하면 색상 블록의 색상 모델(HEX, RGB, HSL 및 CMYK)에 대한 정보를 미리 볼 수 있습니다.

• vscode-fileheader
  상단 댓글 템플릿은 작성자, 시간 및 기타 정보를 정의할 수 있으며 마지막 수정 시간을 자동으로 업데이트합니다.

• Document This
  js 댓글 템플릿(참고: 새 버전 vscode는 이미 기본 지원됩니다. 기능에 /** 탭을 입력하세요)

• filesize
  하단 상태 표시줄에 현재 파일 크기를 표시합니다. 클릭하면 자세한 생성 및 수정 시간도 볼 수 있습니다

• Bootstrap 3 Sinnpet
  일반적으로 사용되는 bootstrap

• VueHelper
  vue code Tips

• Bookmarks
  을 다운로드할 수 있습니다. 북마크 도구는 여전히 필요합니다

• tortoise-svn
  SVN 통합 플러그인

추천 테마

참고: 파일-기본 설정-색상 테마

• Dracula 테마

• One Dark Pro

• monoka에서 스위치를 설정하세요.

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

위 내용은 VSCode 개발에 일반적으로 사용되는 플러그인 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!