[장기효(캡틴판교) - Vue.js 시작하기] 0. 개발 환경설정

출처 : 인프런의 장기효(캡틴판교)님의 강좌 / Vue.js 시작하기 - Age of Vue.js

 

- Chrome

- Visual Studio Code

- Node.js

- Vue.js Devtools 

을 설치한다.

 

<편의사항>

Visual Studio Code 의 유용한 plug-in 목록이다. 전부 설치한다.

- Vetur

- Night Owl

- Material Icon Theme

- Live Server

- ESLint

- Prettier

- Auto Close Tag

- Atom Keymap

 

Visual Studio Code( 이하 VSCode ) 에서 소스를 열고, 배경을 우클릭한 후에 Open with live Server를 누르면 화면으로 볼 수 있다.

 

브라우저에서 F12를 누른후에 Vue 탭에 들어가면 Vue 디버깅을 할 수 있다.(Vue.js Devtools 설치로 가능)