집 > 기사 > 개발 도구 > vscode(공유)에서 개발 효율성을 향상시키는 프런트엔드 플러그인

vscode(공유)에서 개발 효율성을 향상시키는 프런트엔드 플러그인

青灯夜游앞으로: 2021-02-01 17:14:552589검색

이 기사에서는 vscode일반적으로 사용되는 프런트 엔드 플러그인을 공유합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

관련 추천: "vscode tutorial"

vscode 소개

vscode는 Microsoft에서 개발한 코드 편집기입니다. 공식 웹사이트에 명시된 바와 같이 vscode는 코드 편집기를 재정의했습니다. .
현재 시장에 나와 있는 가장 일반적으로 사용되는
간단한 코드 편집기는 sublime, notepad++, editplus 및atom입니다.
notepad++ 및 editplus와 비교하여 vscode는
IDE에만 있는 많은 기능을 통합하고 그보다 코드 편집기에 더 가깝습니다.
sublime과 비교하여
더 좋아 보입니다, 설치 및 구성 플러그- ins가 더 편리합니다.
Atom에 비해 vscode
는 더 빠르게 시작되고 지연 없이 다양한 대용량 파일을 엽니다.
vscode는
자유도가 높을 뿐만 아니라 성능도 좋고 외관도 좋습니다라고 할 수 있습니다. 가장 중요한 것은 vscode가 지속적이고 빠르게 업데이트하는 팀을 갖춘 무료 코드 편집기라는 것입니다. .
vscode는 코드 편집기의 첫 번째 선택이라고 할 수 있습니다. 개인적으로 프런트 엔드 코드를 작성할 때 코드 편집기로 vscode를 선택하고 IDE로 WebStorm을 선택하는 것이 좋습니다.
Reload
를 클릭하여 vscode를 다시 시작하세요.
비활성화 또는 제거
선택하세요. .

일반적으로 사용되는 프런트 엔드 플러그인

필요에 따라 권장되는 플러그인을 설치해야 합니다. 이에 대해 자세히 알고 있으면 설치하지 마세요!!!

1.태그 자동 닫기(필수)

HTML/XML 태그 자동 닫기

2.태그 이름 자동 변경(필수)

상대방 태그의 동기화 수정 자동 완료

3.Beautify(필수)

Formatting html, js, css

vue 설정방법 및 단축키 설정은 여기를 클릭하세요

또 더 예뻐요

JavaScript 형식 지정 / TypeScript / CSS

구성 튜토리얼 여기를 클릭하세요

4. 브래킷 쌍 컬러라이저(필수)

괄호에 다양한 색상을 추가하여 다양한 블록을 쉽게 구별할 수 있습니다

. ㅋㅋㅋ 구문 수정 틀려요. 구성을 사용자 정의할 수 있지만 구성이 더 복잡합니다. 인터넷에서 널리 사용되는 일부 eslint 구성을 사용하는 것이 좋습니다. 앞으로 eslint 구성에 관한 기사도 작성할 예정입니다.

7.GitLens(git 사용 시 필수)

Git 로그 보기 용이, Git 사용량이 많은 사용자에게 필수

사용 튜토리얼

8.HTML CSS 지원(필수)

스마트 프롬프트 CSS 클래스 이름 및 ID

9.HTML 코드 조각(필수)

HTML 태그 및 레이블 의미에 대한 스마트 프롬프트

10.JavaScript(ES6) 코드 조각(필수)

ES6 구문 스마트 프롬프트, 그리고 빠릅니다. 입력은 .js뿐만 아니라 .ts, .jsx, .tsx, .html, .vue도 지원하므로 js 코드가 포함된 다양한 파일을 지원하도록 구성하는 시간이 절약됩니다

11.jQuery 코드 조각( 권장)

j쿼리 코드 스마트 팁

12.마크다운 미리보기 강화(권장)

마크다운 사용자에게 꼭 필요한 실시간 마크다운 미리보기

13.markdownlint 종료됨) )

markdown 구문 수정

14.Material Icon Theme(권장)

vscode 아이콘 테마는 다양한 색상의 아이콘 변경을 지원합니다. 이 플러그인은 매우 자주 업데이트된다는 점을 지적할 가치가 있습니다. 기본적으로 vscode 업데이트 빈도와 일치

미니멀리즘은 필요하지 않습니다

디렉토리 트리 아이콘 테마 vscode-icons의 또 다른 세트

사용 방법, 다음 json을 구성합니다

15.open in browser (필수)

vscode는 브라우저에서 직접 html을 열 수 있는 IDE와는 다르지만, 이 플러그인은 브라우저에서 html 파일을 빠르게 열 수 있도록 단축키와 마우스 오른쪽 버튼을 지원하고, 사용자 정의 열기를 지원합니다. Firefox, Chrome, Opera, IE 및 Safari를 포함한 지정된 브라우저