Vue:설치 및 개발환경 세팅

학교의 모든 지식. SMwiki
Sam (토론 | 기여)님의 2022년 6월 30일 (목) 18:45 판 (Sam님이 Vue:개발환경 세팅 문서를 Vue:설치 및 개발환경 세팅 문서로 이동했습니다)
둘러보기로 이동 검색으로 이동

틀:Vue

  1. Vue:개요
    1. Vue:설치 및 개발환경 세팅
    2. Vue:프로젝트 생성 및 시작해보기
  2. Vue:문법
    1. Vue:데이터바인딩
    2. Vue:반복문
    3. Vue:조건문
    4. Vue:함수
  3. Vue:이벤트
    1. Vue:이벤트 핸들러

공통

과정 설명 방법
Node.js 설치 가능하면 기본 경로는 변경하지 말자. https://nodejs.org/ko/download/

IDE별

vscode

과정 설명 방법
vue cli 설치 뷰 개발환경 세팅을 돕는 프로그램.

터미널에서 진행

npm install -g @vue/cli

npm이 안도면 yarn을 다운받아 사용해보자.

yarn global add @vue/cli

에디터 부가기능 설치 확장기능은 다음과 같은 것이 추천된다.
  • Vetur
  • HTML CSS Support
  • Vue 3 snippets : 자동완성.
vscode extension에서 설치한다.