[Vue.js] 개발환경 설정하기 / node.js 설치 / 뷰 개발자 도구 설치

atom에디터 설치 - [Vue.js] 개발환경 설정하기 / ATOM 에디터 설치하기

앞서 해보았던 에디터 설치, 설정이 모두 끝났다면

서버사이드 자바스크립트 환경설정을 해보자!

1 nodejs.org 접속

2 LTS 다운로드

Current 버전보다 안정적인 LTS(Long Term Support) 버전을 다운로드 하는것이

향후 라이브러리 호환성을 고려했을 때 더 도움이 된다.

3 다운로드 파일을 실행하여 설치 진행

라이센스 or 사용권 계약 조항 동의 후 설치를 진행한다.

NPM(Node Package Manager) 설치 완료

4 cmd 실행 후 node-v 입력

정상적으로 설치 완료된 경우 node.js의 버전이 표시된다.

---

크롬에 뷰 개발자 도구 설치

1 구글에서 vue.js devtools 검색

2 가장 위 링크 크롬 웹 스토어로 접속 

3 [CHROME에 추가] 버튼 클릭

4 팝업창의 [확장 프로그램 추가] 버튼 클릭

5 주소창 옆 에 뷰 로고모양의 아이콘이 추가되고 설치 완료!