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

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

이것도 살펴보세요!

드래곤 볼 × UT 컬렉션: 소년편, 사이어인편 구매

2023년 5월 1일부터 유니클로(Uniqlo)에서 판매중인 드래곤볼 티셔츠를 두 장 구매. 아내에게도 흰색 티셔츠를 한 장 …

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다