Pluralsight의 Vue.js: Getting Started를 보며 실습
CDN에서 Vue 임포트해 사용하기
![](https://archmond.net/wp-content/uploads/2020/04/image-55-1024x465.png)
처음엔 CDN에서 내려받아 Vue.js를 구현
![](https://archmond.net/wp-content/uploads/2020/04/image-57-1024x997.png)
new Vue로 만든 오브젝트의 데이터 모델을 그대로 name에 출력하는 모습.
![](https://archmond.net/wp-content/uploads/2020/04/image-53.png)
input 필드의 값을 변경하면 하단 텍스트도 함께 변경됨.
Vue Tool installation
![](https://archmond.net/wp-content/uploads/2020/04/image-56-1024x656.png)
npm install -g @vue/cli
터미널에서 Vue CLI설치. 개발 속도 향상을 위해 CLI는 필수.
![](https://archmond.net/wp-content/uploads/2020/04/image-54.png)
vue, node, npm 버전 확인
Vetur
Vue Code Snippets
Vue Dev Tools(for chrome browser)
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en
일단 오늘 아침은 여기까지. 슬슬 출발해야겠다.