본문 바로가기
SI 업무/vue

quick start vue 해보기

by 새로운걸 배우는게 너무 싫은 IT 복붙러 2024. 11. 15.
728x90

1. vs code 는 설치 안한다. 나에게는 돈 내고 쓰는 webstorm 이 있으니까.

2. npm 설치는 기술 하지 않는다. 이전에 내 pc에 깔아 놨으니까.

3. vue project 를 생성 하기 위해서는 vue cli 를 설치 해야 하는데 이것도 이미 설치되어 있어서 패스.

    설치가 되어 있는지 확인은 

     vue --version

    설치가 안됐다면 
     npm install -g @vue/cli

4. vue 는 project 생성 할때 공식적으로 vite 란걸 권장 한다는데 난 익숙한걸로 만들었음.


시작

1. vue project 생성

    -명령어: vue create quick-vue-project   

    -명령어 치고 Default 로 설정된 Vue3 엔터 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. project 가 다 생성되면 생성된 폴더를 webstorm으로 open 한다.

 

3. open 후 command 창에 명령어를 치면 front-server 는 start 됨.

 

 

 

4. localhost:8080 으로 확인 해봄

728x90