VSCode 사용 설정 및 VSCode 플러그 인 설치 튜 토리 얼 상세 설명

구성 편
설정 창 열기
많은 설정 이 설정 인터페이스 에서 진행 되 어야 하기 때문에 첫 번 째 단 계 를 설정 하려 면 설정 인터페이스 를 켜 야 합 니 다.
1>마우스 조작 으로 열기.File --> Preferences --> Settings
鼠标操作打开设置
2>화면 왼쪽 아래 설정 아이콘
通过左下角的图标打开设置
설정 을 열 면 코드 보기 도 있 고 아 닌 것 도 있 습 니 다.오른쪽 상단 의 세 가지 점 을 설정 하여 전환 할 수 있 습 니 다.
在这里插入图片描述
tab 키 의 들 여 쓰기 제어
VSCode 의 기본 tab 키 는 4 개의 빈 칸 을 들 여 쓰 는 것 입 니 다.그러나 vue 가 ES6 을 사용 할 때 4 개의 빈 칸 을 들 여 쓰 면 오류 가 발생 할 수 있 습 니 다.여기 서 이 설정 을 수정 할 수 있 습 니 다.
우선 설정 을 열 고 tabSize 를 직접 검색 하여 뒤의 4 를 2 로 바 꾸 면 됩 니 다.
在这里插入图片描述
플러그 인 편
플러그 인 설치
설 치 된 플러그 인 은 매우 간단 합 니 다.저 는 오른쪽 에 있 는 Extensions 를 직접 눌 러 서 설 치 했 습 니 다.설치 과정 은 인터넷 이 필요 합 니 다.
在这里插入图片描述
플러그 인 관리 페이지 를 열 면 다음 과 같 습 니 다.
在这里插入图片描述
인 스타 그램 을 누 르 면 설치 할 수 있 습 니 다.설치 하면 인 스타 그램 은 아래 와 같이 됩 니 다.
在这里插入图片描述
플러그 인 목록:
SVN―(설명 하지 않 음)문법 하 이 라이트,지능 감지,Emmet 등
  • 포맷 기능 포함,Alt+Shift+F(전체 텍스트 포맷),Ctrl+K Ctrl+F(선택 코드 포맷,두 개의 Ctrl 을 동시에 눌 러 야 함)
  • 문법 오류
  • Auto Close Tag―HTML/XML 태그 자동 닫 기(이 건 안 달 았 습 니 다)
  • Auto Rename Tag―다른 쪽 라벨 의 동기 화 수정 을 자동 으로 완성 합 니 다(이것 도 설치 하지 않 았 습 니 다)
  • JavaScript(ES6)code snippets―ES6 문법 스마트 알림 과 빠 른 입력 은 js 외 에 도.ts,.jsx,.tsx,.html,vue 를 지원 하여 각종 js 코드 파일 을 포함 하 는 시간 을 줄 였 습 니 다
  • Path Intellisense―자동 도로 보수HTML CSS Support―html 태그 에 class 스마트 알림 현재 프로젝트 가 지원 하 는 스타일 을 쓰 도록 합 니 다
  • vue
  • 총결산
    여기 서 VSCode 의 사용 설정 과 VSCode 플러그 인의 설치 튜 토리 얼 에 대한 상세 한 설명 을 소개 합 니 다.더 많은 VSCode 의 사용 설정 과 플러그 인 설치 내용 은 저희 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 저 희 를 많이 사랑 해 주세요!

    좋은 웹페이지 즐겨찾기