VSCode 상용 지식 소결

VSCode(Visual Studio Code)는 마이크로소프트 가 개발 한 무료,오픈 소스 의 크로스 플랫폼 텍스트(코드)편집기 로 현재 전단 개발 이 거의 완벽 한 소프트웨어 개발 도구 라 고 할 수 있다.
1.VSCode 다운로드
VSCode 다운로드 링크:https://code.visualstudio.com/
2.VSCode 한 화
在这里插入图片描述
3.VSCode 상용 플러그 인(설치 절차 가 한 화 됨)      
3.1 Auto Close Tag(HTML/XML 태그 자동 닫 기)
在这里插入图片描述
      3.2 Auto Rename Tag(다른 쪽 탭 의 동기 화 수정 자동 완성)
在这里插入图片描述
      3.3 Beautify(html,js,css 포맷)
在这里插入图片描述
      3.4 Bracket Pair Colorizer(괄호 에 서로 다른 색 을 더 하면 서로 다른 블록 을 구분 하기 쉽다)
在这里插入图片描述
      3.5 Debugger for Chrome(vscode 의 정지점 을 chrome 에 매 핑 하여 디 버 깅 하기 편리 함)
在这里插入图片描述
      3.6 ESLint(js 문법 오류 정정,사용자 정의 설정 가능)
在这里插入图片描述
      3.7 GitLens(git 로그 보기 편 함)
在这里插入图片描述
      3.8 HTML CSS Support(스마트 알림 CSS 클래스 및 id)
在这里插入图片描述
      3.9 HTML Snippets(스마트 힌트 HTML 태그 및 태그 의미)
在这里插入图片描述
      3.10 JavaScript(ES6)code snippets(ES6 문법 스마트 알림 및 빠 른 입력)
在这里插入图片描述
      3.11 jQuery 코드 Snippets(jQuery 코드 스마트 알림)
在这里插入图片描述
      3.12 마크 다운 미리보기 향상(실시 간 미리보기 마크 다운)
在这里插入图片描述
      3.13 markdownlint(markdown 문법 오류 정정)
在这里插入图片描述
      3.14 Material Icon Theme(vscode 아이콘 테마)
在这里插入图片描述
      3.15 Icon 글꼴(아이콘 글꼴)
在这里插入图片描述
      3.16 open in browser(오른쪽 단 추 를 누 르 면 브 라 우 저 에서 html 파일 을 빠르게 엽 니 다)
在这里插入图片描述
      3.17 Path Intellisense(파일 경로 자동 알림)
在这里插入图片描述
      3.18 React/Redux/React-router Snippets(React/Redux/React-router 문법 지능 알림)
在这里插入图片描述
      3.19 Vetur(Vue 다기 능 통합 플러그 인,오류 알림 등)
在这里插入图片描述
      3.20 Class autocomplete for HTML(스마트 힌트 HTML class="속성)
在这里插入图片描述
      3.21 npm Intellisense(require 시 가방 알림)
在这里插入图片描述
4.VSCode 단축 키 
     4.1 왼쪽 은 버튼 이 고 오른쪽 은 기능(이하 동일)
在这里插入图片描述
      4.2 기본 편집
在这里插入图片描述
      4.3 항 법
在这里插入图片描述
      4.4 검색 및 교체
在这里插入图片描述
      4.5 다 중 커서 와 선택
在这里插入图片描述
      4.6 언어 편집
在这里插入图片描述
      4.7 편집기 관리
在这里插入图片描述
      4.8 파일 관리
在这里插入图片描述
      4.9 디 스 플레이
在这里插入图片描述
      4.10 디 버 깅
在这里插入图片描述
      4.11 집적 단말기
在这里插入图片描述
여기 서 VSCode 상용 지식 소결 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 VSCode 소결 내용 은 우리 의 이전 글 이나 아래 의 관련 글 을 검색 하 세 요.앞으로 많은 응원 부 탁 드 리 겠 습 니 다!

좋은 웹페이지 즐겨찾기