윈도우10(Windows 10)에서 Vue.js 프로젝트 생성하는 방법

@notepad_jj2

츄르사려고 코딩하는 코집사입니다.

---

윈도우10(Windows 10)에서 Vue.js 프로젝트 생성하는 방법

이 방법을 적용하기 위해 아래의 vue.js, vue-cli 설치 방법을 보는 것을 권장합니다.

윈도우10(Windows 10)에서 Vue.js, Vue-cli 설치하는 방법

윈도우10(Windows 10)에서 Vue.js, Vue-cli 설치하는 방법

---

1. 명령 프롬프트(CMD) 창을 실행하여 아래의 명령어를 실행합니다.

> vue create example

 

위의 명령어를 실행하면, 아래의 사진과 같이 preset을 선택하라고 나옵니다.

그러면, 방향키로 선택하면 되는데 저는 Default로 Vue 3 버전 대가 있는 것으로 선택했습니다.

 

 

"Use NPM" 선택.

 

 

아래와 같이, 프로젝트 생성을 위해 플러그인을 설치합니다.

 

 

설치가 끝나면, 아래 빨간 박스의 명령어를 입력합니다.

> cd example
> cd npm run serve

 

 

아래의 Local 주소를 접속합니다. 

 

접속하면 아래의 화면처럼 Welcome to Your Vue.js App 화면이 실행됩니다.