이 글에서는 개발에 꼭 필요한 자주 사용되는 VSCode 플러그인을 소개하고 공유하겠습니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.
관련 추천: "vscode tutorial"
빨간색을 적극 권장합니다. 놓치지 마세요 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 파일 이름
WeChat 애플릿 레이블 및 속성의 지능적 완성(네이티브 애플릿, mpvue 및 wepy 프레임워크도 지원하고 스니펫 제공)
스타일 시트에서 CSS 클래스가 정의된 위치를 추적합니다.
Ctrl + 마우스 왼쪽 버튼 클래스 클릭 또는 마우스 오른쪽 버튼 "정의로 이동(F12)"
Manta's Stylus Supremacy
jQuery 코드 스니펫
HTML용 수업 자동 완성
JavaScript Snippet Pack
Path Autocomplete
beautify
HTMLHint
색상 정보
는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!