Home » vue 튜토리얼 따라하기

vue 튜토리얼 따라하기

개발환경

  • 윈도우 10
  • WSL 환경 ( 설치 방법 -> 참고 )
  • node 설치 ( 설치 방법 -> 참고 )

VUE-CLI 툴 설치

  • 프로젝트 생성
    • ?Project name [프로젝트 명]
    • ?Project description [프로젝트 설명]
    • ?Author [ hong gil dong hong@gmail.com ]
    • ?Vue build [standalone]
    • 나머지는 No 로 넘겨버린다.

프로젝트 진입 점

  • /src/main.js

  • /src/App.vue

Hello World 만들어보기

Component 만들기

  • /components/users.vue 파일 생성

라우터 변경

  • 메인 페이지 렌더링 컴포넌트를 연결한다.

webpack-dev-server 이용해서 구동 시키기

  • vue 에서 내장으로 지원하기 때문에 다음 명령으로 간단히 테스트 가능하다.