Vue todolist 만들기 - 2. Vue 프로젝트 만들기

1. Vue 프로젝트 생성

vue_front 폴더로 이동하여 vue_프로젝트를 생성합니다.

cd vue_front

npm i -g @vue/cli // vuejs 프로젝트가 처음일 경우 글로벌로 vue cli를 설치해줍니다.

vue create . // 현재의 폴더에 vue 프로젝트를 생성합니다.

 

2. Vue-router 설치

vue-router를 설치하면 프로젝트 구조가 조금 달라집니다. 따라서 vue-router를 먼저 설치하고 진행합니다.

vue add router

 

3. vuex / axios 설치 및 port 설정

npm i vuex axios

npm i nodemon --save-dev

 

package.json의 scripts 부분을 수정하여 4000번 포트에서 서비스하도록 수정합니다.

 "scripts": {
    "serve": "vue-cli-service serve --port 4000",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },