Vscode 기초 사용 튜 토리 얼 대전

현재 Vscode 인 코딩 을 사용 하 는 사람들 이 점점 많아 지고 있 습 니 다.무료,오픈 소스,경 량,크로스 플랫폼 의 특징 으로 많은 충실 한 팬 들 을 받 았 습 니 다.
요즘 은 프로젝트 때문에 Vscode 를 사용 해 야 하 는데 왠 지 힘 이 안 나 서 어떻게 사용 해 야 할 지 모 르 겠 어 요.
먼저 홈 페이지 에 가 보 려 고 했 는데 포 기 했 어 요.
마지막 에 자신 이 관련 동 영상 을 더 듬 고 보고 나 서 야 밝 아 졌 다.지금 귀납 적 총 결 을 해서 필요 한 사람 을 도 울 수 있 기 를 바 랍 니 다.
다운로드 하 다.
홈 페이지 다운로드:https://code.visualstudio.com/
한 화 중국어(공식 다운로드 기본 영어,영어 좋 은 파트너 는 이 단 계 를 바로 건 너 뛸 수 있 습 니 다)
플러그 인 단 추 를 누 르 면 중국 어 를 검색 합 니 다. 팝 업 옵션 중 첫 번 째 중국어 간 체 를 선택 하 십시오.
    
      그리고 오른쪽 에 다음 그림 과 같은 설치 인터페이스 가 뜨 고 Install 을 클릭 합 니 다. 설치 하 다.

 설치 완료 후 다음 과 같은 알림 이 있 습 니 다.

Vscode 인터페이스 소개(주로 활동 표시 줄,사 이 드 표시 줄,편집 표시 줄,패 널 표시 줄,상태 표시 줄 등 5 개 영역 으로 나 뉜 다)
  
①:사 이 드 바 를 열 고 검색 하고 git,debug 를 사용 하 며 플러그 인 을 사용 합 니 다.
②:사 이 드 바,새 항목 파일 과 폴 더
③:편집 표시 줄,코드 를 작성 하 는 영역
④:패 널 표시 줄 은 왼쪽 에서 오른쪽으로 문제,출력,디 버 깅 표시 줄,터미널(terminal)순 으로 가장 중요 한 것 은 terminal 로 관련 명령 을 입력 하 는 것 이다.

⑤:상태 표시 줄,클릭   이 영역 에서 패 널 표시 줄 을 꺼 낼 수 있 습 니 다.
⑥:마우스 커서 가 있 는 위치 와 tab 들 여 쓰기 문 자 를 표시 하 는 아래 그림 의 빨간색 상자 에 주의해 야 합 니 다.여 기 는 4 글자 들 여 쓰기 입 니 다.
 
새 파일 과 폴 더
새 파일:Ctrl+N 새 파일 과 접 두 사 를 수정 하면 됩 니 다.(접 두 사 는 필요 한 파일 에 따라.html,.css,.js 등)
새 폴 더
①:우선 필요 에 따라 경 로 를 지정 한 다음(이 경 로 는 데스크 톱 으로 예 를 들 어)폴 더 를 새로 만 듭 니 다(여기 서 새로 만 든 폴 더 는 demo 1 입 니 다)
②:사 이 드 바 두 번 째 옵션 을 마우스 로 클릭 하면 다음 과 같다.

③:열 수 있 는 폴 더 가 없 음 을 알려 줍 니 다.Open Folder 단 추 를 누 르 면 데스크 톱 에 새로 만 든 폴 더 demo 1 을 가 져 옵 니 다.

④:폴 더 를 가 져 오 니 새로 만 든 폴 더 의 이름 이 소문 자로 되 어 있어 대문자 로 바 뀌 었 습 니 다.이것 은 영향 을 주지 않 습 니 다.너무 신경 쓰 지 마 세 요.
  (오른쪽 아이콘 은 왼쪽 에서 오른쪽으로,새 파일/새 폴 더/새로 고침/접 기 파일)
주:새 파일 은 접 두 사 를 수정 해 야 합 니 다.그렇지 않 으 면 기본 값 은 text 텍스트 파일 입 니 다.
자동 저장 설정
File(파일)-Preferences(첫 번 째 옵션)-Setting(설정)을 한 다음 아래 화면 을 팝 업 하고 User 를 선택 하 십시오(일반적으로 이 옵션 을 기본적으로 선택 합 니 다). 
이 어 다음 그림 에서 afterdelay 옵션 을 선택 하면 됩 니 다.아래 에 1000 은 1 초 를 표시 합 니 다.이것 은 스스로 설정 할 수 있 습 니 다.몇 초 후에 
자동 포맷 코드
      File(file)-환경 설정(첫 번 째 옵션)-설정(설정)
     User(user)-Text-editor(텍스트 편집)-Formatting(포맷)
     그리고 아래 그림 의 빨간색 상자 에 있 는 옵션 을 선택 하고 Vscode 를 다시 시작 하면 됩 니 다.

Vscode 테마 변경
File(file)-환경 설정(첫 번 째 옵션)-색상 테마(색상 테마)
     
     그 다음 에 아래 그림 의 빨간색 상자 의 화면 이 나타 납 니 다.이때 키보드 의 상하 단 추 를 누 르 면 실시 간 으로 주제 색 을 볼 수 있 습 니 다.바로 차 로 돌아 가면 해당 테 마 를 선택 할 수 있 습 니 다.
     
     주:플러그 인 을 클릭 하여 theme 를 직접 검색 하여 내 장 된 테마 가 아 닌 다른 테 마 를 다운로드 할 수 있 습 니 다.
단축 키(아주 작은 부분 만 표시 되 어 있 습 니 다.자주 사용 하 는 단축 키)
     Ctrl+/
Shift+Alt+A(여러 줄 주석) 
한 줄 또는 여러 줄 주석 을 취소 하려 면 이 단축 키 를 한 번 누 르 면 됩 니 다.
Ctrl+Shift+Enter
Ctrl+Enter(아래 줄 을 삽입 합 니 다.마우스 커서 는 현재 줄 의 임의의 위치 에서 다음 줄 로 바로 이동 할 수 있 습 니 다)
      Alt+Shift+F(포맷 코드,선택 코드 없 이 바로 포맷 가능)
      Ctrl+Shift+F(파일 찾기)
       설정 을 클릭 하여 keyboard shortcuts 를 선택 하면 오른쪽 에 모든 단축 키 디 렉 터 리 가 팝 업 됩 니 다.
나 는 중국 어 를 한 화 하지 않 았 다.영 어 를 잘 하기 때 문 이 아니 라,반대로 영 어 를 너무 못 하기 때문에,그래도 첫 걸음 을 내 딛 고 단련 하고 싶다.
모두들 두려워 하지 마 세 요.소 매 를 걷 어 올 리 면 바로 마른 것 입 니 다.

좋은 웹페이지 즐겨찾기