1, 그것은, VS 코드를 식별하고 적절한 구문 코드 힌트를 구현할 수 있도록 개발 언어 관련 플러그인을 설치하여, 현재 매장을 확대하는 것은 플러그인 대부분의 프로그래밍 언어, 쉽게 다운로드 할 수 있습니다, 일반적으로 거기에 사용되는 스크립트가있다 제공하고있다 JScript의 무료 오픈 소스 eScript, 그리고 PHP, 파이썬과 다른 언어를 포함.
2, 비주얼 스튜디오 코드 사이드 바 코딩과 재건의 핵심 기능이 사용됩니다 통합, 그리고 당신이 필요로하는 다른 기능은 확장 기능을 설치하여 충족 할 수 있습니다.
3, 그것은 개발자가 큰 도움을 제공하기 위해, 변수 유형, 함수 정의 및 가져 오기 모듈 자동 완성 기능을 기반으로 제공, 구문 강조와 자동 완성 매우 유용한있다.
4, 내장 디버거 등 컴파일하고, 당신이 편집을 가속화하기 위해 추가, 중단 점 및 관찰자에 의해 디버깅 할 수 있습니다. 기본적으로는 NodeJS를 지원하며, 언어가 디버깅을 위해 설치해야에 어떤 언어가 자바 스크립트에 약간의 확장을 변환 할 수 있습니다 디버깅 할 수 있습니다.
5, 비주얼 스튜디오 코드가 망할 놈의 GUI를 구축, 가장 일반적인 망할 놈의 명령을 지원, 프로젝트의 변화를 소유 할 수 있습니다.
비주얼 스튜디오 코드 설치
1, 설치 주소 (다운로드 할 수있는 공식 웹 사이트) : https://code.visualstudio.com/는, 그것을 설치 지시에 따라 두 번 클릭하여 성공한 지금, 다운로드 후 상단에 URL을 클릭 자체 매칭 시스템 하나를 선택합니다.
비주얼 스튜디오 코드 플러그를 설치
(1) 첫 번째 Ctrl + Shift + P, 팝업 명령 패널 - 선택 확장 : 확장을 설치하거나 확장 버튼의 왼쪽 열을 클릭합니다 (Ctrl + + X 시프트)이 플러그인을 설치하고자하는 본문을 입력 검색 상자에, 다섯 번째가 열립니다 .
일반적으로 사용되는 플러그인 모음
(1) 재료 테마 플러그인 코드 테마 VS
(2) 자동 가져 오기는 자동으로 검색, 분석, 코드 완성을 제공하기 위해 이동합니다.
. (3) 들여 무지개는 코드 정렬 읽기 쉽게 검색 할 수있다
(4) HTML에서 CSS 클래스 이름에 대한 인텔리이 프로젝트뿐만 아니라 링크 태그에 의해 참조 된 외부 파일 기반, 지능형 플러그인은 HTML의 CSS 클래스 이름 완성을 제공합니다
(5) SVG 뷰어 공헌하는 미리보기 SVG 플러그
. (6) 예뻐 코드 미화 대한.
(7) 기본 도구 반작용 코드 힌트, 디버깅, RN의 통합 명령을 사용합니다.
(. 8) NPM 인텔리 import 문 자동 완성 NPM 모듈 이름.
(. 9) 하이라이트 - 태그 - 일치하는 라벨이 강조
(10) GitLens 풍부한 자식 로그 자식 로그 플러그인이 풍부한 플러그인을
(. 11) 브라켓 쌍 Colorizer는 다른 코드 블록을 강조
(12) 컬러 하이라이트 가 정의 디스플레이 색상.
(13가) 는 CSS 픽 을 대상으로하거나 HTML의 클래스 CSS의 id로 정의 할 수있다, CSS는 코드 블록을 보여줍니다.
(14) 크롬에 대한 디버거 크롬은 자바 스크립트 코드를 디버깅 또는 크롬 디버거 플랫폼에서 지원하는 다른 프로토콜입니다.
포맷 코드를 아름답게 작업 (15).
(16) vscode-VUE 메인 프로그램과 VUE
(17) 언어 팩 중국어 설치 확인을 클릭하고 다시 열립니다 소프트웨어를, 중국 언어 소프트웨어를 다시 엽니 다.
브라우저 플러그 - 인 열 브라우저에서 열기 (18)
비주얼 스튜디오 코드 키보드 바로 가기
1, Ctrl + S를 저장합니다
2, Ctrl + C 붙여 넣기
3. Ctrl + V를 복사합니다
4 + Alt + F 형식의 문서를 시프트
5, Ctrl 키 + I 현재 행을 선택합니다
6에서 Ctrl + F 찾기
7에서 Ctrl + H 대체
8, Ctrl 키 + / 추가 또는 행의 댓글을 삭제
9 Alt + B는 기본 브라우저를 엽니 다