vuejs 환경설정 , vscode단축키, 플러그인

설치 해야하는 프로그램들 (컴퓨터)

1. node (+npm)

2. vue dev tools (크롬확장프로그램 설치)

3. editor - vs code

 

vs code 확장프로그램

vetur: 뷰파일 인식style theme적용

material icon :파일탐색에 아이콘보여주는거

webstrom intellij darcula theme : 테마스타일

auto close :마크업시 닫는태그 자동입력

Live Server: html파일 마우스우클릭으로 바로 서버실행가능

vue vscode snippets: ex)vpr입력시 뷰코드 스니펫이 props 자동입력

 

vs code - scaffold

scaffold 를 입력시 타입에맞는 코드생성해줌

 

 

vs code - Emmet (마크업자동완성)

!+tab :기본HTML markup 샘플자동 생성해줌

div#app 엔터

script:src 엔터

router-link*2

 

vs code 단축키

-패널토글 단축키: window ctrl+` /mac cmd+`

-현재행복사: shift + alt + ↑ 

-단어선택(하나):  ctrl+D

-단어선택(여러개): ctrl+shift+L

-멀티커서 : ctrl+shift+alt + ↑

-코드블록접기 : control + k + 0

-코드블록펼치기: ctrol + k + j