본문 바로가기

Frontend/Vue.js

Vue 프로젝트 생성, 튜토리얼 (vue-cli)

npm이 설치되어 있어야 해요.

설치되어있지 않다면 아래 링크를 먼저 참고해주세요.

https://gofnrk.tistory.com/32

 

NVM 설치, Node 버전 관리 (Windows / Mac)

NVM이란? (Node Version Manager) 말그대로 노드 버전 관리자에요. 마땅히 설명할게 없네요. 어떠한 도구로 개발하다보면 버전을 교체하거나 여러 버전을 관리해야 하는 경우가 생겨요. node도 마찬가지에요. nvm..

gofnrk.tistory.com

1. vue-cli 설치

npm install -g vue-cli

2. vue 프로젝트 생성

현재 디렉토리에 생성합니다.

vue create project명 입력하면 폴더 안에 소스가 생성될거에요.

 

vue create .

 

 

3. vue router 추가

vue add router

 

 

4. vue 프로젝트 실행

npm run serve

5. 접속

localhost:8080