[Vue.js] 강좌 소개 및 환경 설정

강좌명

Vue.js 시작하기 - Age of Vue.js

강좌목표

Vue.js 로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대한 학습 및 구현

강의 교안

joshua1988.github.io/vue-camp/

Cracking Vue.js

프로그램 설치

1. Chrome (다운로드)

2. Visual Studio Code (다운로드)

3. Node.js (LTS 다운로드)

4. Vue.js devtools (확장 프로그램 추가)

GitHub Repository

github.com/joshua1988/learn-vue-js

joshua1988/learn-vue-js

VSCode Plugin

• Vetur : VSCode에서 지원하는 Vue 플러그인
• Night Owl : IDE 색 테마
• Material Icon Theme : Icon 테마
• Live Server : 수정사항이 실시간으로 반영되도록 하는 플러그인
• ESLint : 소스코드를 분석하여 버그, 문법 오류를 찾아 보고 및 수정하는 플러그인
• Prettier : 정해진 규칙을 바탕으로 코드 포맷팅을 도와주는 플러그인
• Auto Close Tag : 닫는 Tag를 자동으로 추가하는 플러그인

Vue 개발자 도구

Chrome 개발자 도구 내 Vue Tab 사용