호랑이 개발일기

[ Vue.js ] Vue 개발환경 터미널에서 빠르게 구축하기 본문

Frontend

[ Vue.js ] Vue 개발환경 터미널에서 빠르게 구축하기

박개발 2023. 3. 16. 10:00
728x90

터미널로 하는 게 더 빠른 느낌에다가 해커 느낌이 나서 이러한 방법도 있으니 참고해 보면 좋을 듯합니다.

 

사진 전체적으로 찍으면 더 잘 보이지 않을까 싶었는데, 

 

더 안 보이네요 ;; 사진 하단에 명령어 및 내용 정리 해두었습니다.

 

※ 우선 본인 파일에서 터미널을 열어주세요! 차근차근 잘 따라오세요!

 

우선 cli환경을 구축해야 하니 명령어 입력해 줍시다.

 

npm install -g vue@/cli

 

 

설치가 정상적으로 완료가 되면 다음 명령어를 입력해 주세요.

 

단, 오류가 생길 경우가 있는데 구글에 물어보는 게 더 빠릅니다.

vue create 프로젝트명

 

 

여기 나가기 전에,

 

전 매뉴얼로서 필요한 것만 다운로드하였습니다. 

 

보통 개인적으로 할 거면 그냥 vue3 다운로드하시면 됩니다.

 

 

라우터와 vuex 다운로드 함

 

 

ver 3.x

 

파란색으로 명령어가 나오는데 고대로 입력하면 서버 열립니다.

 

cd vueboard
npm run serve

 

 

로컬 8080 이 내 서버임

 

 

 

728x90
Comments