vue.js 개발환경 구성

vue.js 개발환경을 구성해보겠습니다.

1) atom에디터 다운로드

atom 에디터를 이용해볼께요 (다른 IDE를 사용해도 무방 합니다)

https://atom.io/에 접속하여 atom에디터를 다운로드

 

2) 테마설치

File > Settings - 최하단 Install탭 클릭

Themes 버튼클릭 후 seti-ui 입력하여 Install버튼 클릭

atom-material-syntax-dark 검색하여 설치

 

3) 패키지 설치

Packages 버튼 클릭. language-vue로 검색하여 Install

 

4) node.js 설치

nodejs.org 접속 후 nodejs 설치파일 다운로드 후 설치 진행

cmd창에서 node -v 입력하여 노드 버전이 출력되는지 확인

 

5) vue.js devtools 설치

Google에서 vue.js devtools 검색 > 크롬 웹 스토어 결과를 클릭 후 Chrome에 추가 > 확장 프로그램 추가