Vue.js 개발환경 구축하기

공식문서 : https://v3.vuejs.org/guide/introduction.html

---

< 참고 강좌 >

 

Vue 3 Tutorial - Full Course 10 Hours 10 apps

---

< 개발 환경 설치하기 : Node.js, CLI, Vue 프로젝트, devtools, Vetur>

 

1. Node.js 를 설치한다.

2. 명령프롬프트창에서 npm install -g @vue/cli 를 통해 CLI 를 설치한다.

3. 명령프롬프트창에서, Vue 프로젝트를 생성할 부모 폴더로 이동후, vue create 프로젝트명 을 입력하여 Vue 프로젝트를 생성한다.

4. 이렇게 생성된 Vue project 폴더를 VSCode 로 연다.

5. VSCode 에서 터미널을 열고, npm run serve 를 입력한후, http://localhost:8080/에 접속한다.

6. 크롬 확장팩 Vue.js devtools 를 설치한다.

7. VSCode 확장팩 Vetur (.vue 안에서 코드 자동완성) 를 설치한다.

---