실습을 하기위한 SETTING(3)-기타 프로그램 설치

2019. 1. 29. 12:53Programming/Vue.js



1. node.js 설치


아래 주소로 들어가서 node.js 설치 파일(LTS)을 다운받는다.

LTS) Long Term Support 버전으로 설치 : Current  버전보다 안정적!


* node.js를 설치하는 이유

- 싱글 파일 컴포넌트 및 NPM를 이용하여 vue 프로젝트를 구성할 예정임으로... 설치


Download 주소 : https://nodejs.org/en/


2. Chrome 설치

나는 Chrome이 설치되어있어서~ PASS

익히 알겠지만, 개발자도구나 아래 플러그인을 사용하기 위해 설치!



3.  Vue.js 크롬 플러그인 설치


Download 주소 : https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd



해당 플러그인을 이용하면~




이처럼 내가 "Vue Test 중입니다"를 작성할 때 data들이 어떻게 추가되는지 바로 속성창에서 확인할 수 있다.





...





웹 개발 시 "개발자 도구"를 키고, console.log나 객체를 찍어서 확인했었는데

Vue.js 크롬 플러그인은 그런 면에서 좀 편한거 같다.


왠지 신기한 걸 발견한 느낌적인 느낌?????????