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

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

이것도 살펴보세요!

All In One WP Migration With Import: 워드프레스 마이그레이션(복원) 오류 발생 시 활용해보세요!

All In One WP Migration에서 복원 오류 발생 시 아래 깃허브 프로젝트를 zip다운로드해서 워드프레스의 플러그인 …

답글 남기기

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