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

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

이것도 살펴보세요!

Windows용 PIP 설치하기(How to Install PIP For Python on Windows)

PIP란? pip는 파이썬으로 작성된 패키지 소프트웨어를 설치 · 관리하는 패키지 관리 시스템이다. Python Package Index …

댓글 남기기

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