vscode에서 HTML을 위해 어떤 플러그인을 설치해야 합니까?

플러그인에는 다음이 포함됩니다. 1. "태그 자동 닫기", 3. "HTML CSS 지원", 6. "브라우저에서 열기"; 브라우저' 등

이 튜토리얼의 운영 환경: windows7 시스템, HTML5&&Visual Studio Code 버전 1.54.1, Dell G3 컴퓨터. Visual Studio IDE 또는 Sublime Text

2와 같은 AutoMally HTML TAG html/XML Closing 태그 추가 태그 이름 자동 변경

자동으로 태그 이름 변경

HTML/XML 태그 이름을 변경할 때 쌍을 이루는 HTML/XML 태그 이름 변경

3. Beautify

Javascript, JSON, CSS, Visual Studio Code의 Sass 및 HTML.

4. 브래킷 쌍 컬러라이저

이 확장 기능을 사용하면 일치하는 브래킷을 색상으로 식별할 수 있습니다. 사용자는 일치하는 문자와 사용할 색상을 정의할 수 있습니다.

5, HTML CSS 지원

클래스 속성 완성.

id 속성이 완료되었습니다.

클래스 및 ID 속성에 대한 Zen Coding 완성을 지원합니다.

작업 공간 폴더에 있는 CSS 및 scss 파일을 스캔하세요.

vscode-css-언어 서비스를 사용하세요.

6. HTML 스니펫

HTML5 코드 스니펫을 포함한 전체 HTML 태그

7. 이 확장에는 다음이 포함됩니다. Vs 코드 편집기 JavaScript 코드 ES6 구문의 스니펫(JavaScript와 TypeScript 모두 지원)

8. jQuery 코드 조각

JavaScript 코드를 위한 130개 이상의 jQuery 코드 조각.

사용 가능한 모든 jQuery 조각 목록을 보려면 "jq" 문자를 입력하기만 하면 됩니다.

이를 통해 기본 브라우저나 애플리케이션에서 현재 파일을 열 수 있습니다.

10, Path Intellisense

파일 이름을 자동으로 완성하는 Visual Studio Code 플러그인입니다.

11. 브라우저에서 보기

vscode 확장 프로그램을 사용하면 브라우저에서 html 파일을 볼 수 있습니다.

12,

Live Server: 실시간 로딩 기능을 갖춘 소형 서버로 html/css/javascript를 크랙하는 데 사용할 수 있지만 최종 배포에는 사용할 수 없습니다. 대지. 즉, 라이브 서버를 프로젝트 내 실시간 서버로 활용하여 개발된 웹페이지나 프로젝트 효과를 실시간으로 확인할 수 있습니다.

장점

1: 원클릭 설치, 자동 새로 고침, 로컬 서버 환경 설정.

2: gulp 빌드와 비교하여 자동 새로 고침을 달성하고 로컬 서버 환경을 설정하려면 자동 새로 고침 플러그인 gulp-livereload를 설치하고 로컬 서버 플러그인 gulp-server를 설정해야 합니다. Live Server가 한 걸음 더 다가왔습니다. Live Server를 설치하기만 하면 로컬 서버 환경을 자동으로 새로 고치고 설정하는 문제를 해결할 수 있습니다.

추천 튜토리얼: vscode 튜토리얼, html 비디오 튜토리얼

위 내용은 vscode에서 HTML을 위해 어떤 플러그인을 설치해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!