Vue.js Getting Started: Hello World

Pluralsight의 Vue.js: Getting Started를 보며 실습

CDN에서 Vue 임포트해 사용하기

처음엔 CDN에서 내려받아 Vue.js를 구현

new Vue로 만든 오브젝트의 데이터 모델을 그대로 name에 출력하는 모습.

input 필드의 값을 변경하면 하단 텍스트도 함께 변경됨.

Vue Tool installation

npm install -g @vue/cli

터미널에서 Vue CLI설치. 개발 속도 향상을 위해 CLI는 필수.

vue, node, npm 버전 확인

Vetur

https://marketplace.visualstudio.com/items?itemName=octref.vetur&WT.mc_id=vuegettingstarted-github-jopapa

Vue Code Snippets

https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets&WT.mc_id=vuegettingstarted-github-jopapa

Vue Dev Tools(for chrome browser)

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=en

일단 오늘 아침은 여기까지. 슬슬 출발해야겠다.