Vue 개발 플러그인에는 다음이 포함됩니다. 1. 구문 강조, 지능형 감지 등에 사용되는 "EsLint" 3. 자동 경로 완성에 사용되는 "Path Intellisense" ; 4 , "HTML CSS 지원" 5. "미화";
이 튜토리얼의 운영 환경: windows7 시스템, vue2.9.6&&Visual Studio Code 버전 1.62.3, DELL G3 컴퓨터.
VSCode 공통 vue 개발 플러그인
필수 플러그인:
(1) Vetur - 구문 강조, 지능형 인식, Emmet 등
(2) EsLint - 문법 보정. 단축키 설정: 파일-> 환경설정-> 키보드 단축키-> "수정" 검색 -> "ESLint: 자동 수정 가능한 모든 문제 해결" 단축키를 "ctrl+alt+l"로 수정 키)
(3) 자동 닫기 태그 - 자동으로 HTML/XML 태그 닫기
(4) 자동 이름 바꾸기 태그 - 반대쪽 태그의 동기 수정을 자동으로 완료)
(5) JavaScript(ES6) 코드 조각 - ES6 구문 스마트 프롬프트 및 빠른 입력, js 외에도 .ts, .jsx, .tsx, .html, .vue도 지원하므로 js 코드가 포함된 다양한 파일을 지원하도록 구성하는 시간이 절약됩니다
( 6 ) jQuery 코드 조각 - jQuery 코드 지능형 프롬프트
(7) 경로 Intellisense - 자동 경로 완성
(8) HTML CSS 지원 - html 태그 쓰기 클래스를 사용하여 현재 프로젝트에서 지원하는 스타일을 지능적으로 프롬프트하도록 함
( 9 ) 브라우저에서 열기 - 시작하려면 프로젝트를 마우스 오른쪽 버튼으로 클릭하세요.
두 가지 선택적 플러그인:
(1) Markdown Preview Enhanced - 실시간으로 마크다운 미리보기, 마크다운 사용자에게 필수
(2) markdownlint - markdown 구문 수정
(3) Beautify - 형식
(4) GitLens - git 로그 보기 쉬움, git 사용자에게 필수
(5) Angular 5 스니펫 - Angular 스마트 구문 팁
(6) 라이브 서버 —— 설치 후 간단한 서버를 열 수 있습니다. 그리고 자동으로 업데이트됩니다. 프로젝트 폴더를 연 다음 파일을 마우스 오른쪽 버튼으로 클릭하면 라이브 서버로 열기 옵션이 나타나며 기본 포트 번호는 5500
입니다. (7) Prettier - 형식
VSCode에 대한 추가 관련 지식 , 방문해주세요: vscode 튜토리얼! !
위 내용은 vscode에는 어떤 vue 플러그인이 사용되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!