>  기사  >  웹 프론트엔드  >  vscode에는 어떤 vue 플러그인이 사용되나요?

vscode에는 어떤 vue 플러그인이 사용되나요?

青灯夜游
青灯夜游원래의
2022-03-03 17:13:036914검색

Vue 개발 플러그인에는 다음이 포함됩니다. 1. 구문 강조, 지능형 감지 등에 사용되는 "EsLint" 3. 자동 경로 완성에 사용되는 "Path Intellisense" ; 4 , "HTML CSS 지원" 5. "미화";

vscode에는 어떤 vue 플러그인이 사용되나요?

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.