[Vue.js] Vue 시작하기

1. Node.js 설치

npm(Node Package Manager) 사용을 위해 Node.js 를 설치한다.

http://www.nodejs.org 접속

난 Recommended For Most Users 버전을 다운받았당.
yarn이 더 빠르고 좋다고 하지만 일단 npm을 사용했으므로,
yarn은 원하면 설치하면 된당.

2. Vue 설치하기

터미널에서
npm install vue
실행하기

3. vue-cli

Vue는 SPA 를 빠르게 구현할 수 있는 프로젝트를 제공한다.

터미널에서 우선
npm install -g vue-cli
를 통해 vue-cli 를 설치해준다. (Vue 2버전)

Vue 3버전은
npm install @vue/cli -g

yarn 이용 시
yarn global add @vue/cli

4. vue-cli 프로젝트 초기화 및 생성

터미널에서 원하는 디렉토리로 진입

# 프로젝트 생성
vue init webpack 프로젝트명

# 프로젝트 폴더로 진입
cd ./프로젝트명

# 필요한 플러그인 설치
npm install

# 개발용 서버 실행
npm run dev