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

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

이것도 살펴보세요!

Angular Forms: ngx-bootstrap

angular.io의 resources 메뉴 클릭 UI Components 섹션의 ngx-bootstrap을 클릭 get started 사용법이 잘 나와 있다. …

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다