[Vue.js] 뷰 프로젝트 시작하기(vite 기반)

2024. 8. 6. 21:31Vue.js

728x90

npm install -g @vue/cli  해서 먼저 vue 깔아주기

 

npm이 없다고 뜨는 사람은 node 깔기 맥은 homebrew 깔고, nvm깔고 노드 설치하는 거 추천

 

그 후

 

npm create vite  하면

 

 

아래처럼 나오는데 여기서  아래 방향키 눌러서 vue 선택하고 엔터

 

 

이 때 자율성 높고 프로젝트용이라면 자바스크립트를 추천하고

회사 프로젝트 같은 경우에는 타입스크립트를 추천!

 

나는 테스트로 가볍게 할 것을 만들어주는 중이라 자바스크립트 선택

 

 

 

다 만들어졌다!! 이 때 내가 만든 프로젝트를 루트 폴더로 잡아주면

 

 

뷰 파일이 잘 만들어진 걸 볼 수있다! 

터미널 창 켜서 npm i 해서 노드 모듈들 깔아주면 진짜 준비 끝

 

 

 

이제 프로젝트 다 만들었으니깐 로컬에 한번 띄어보자!!

npm run dev

 

 

 

 

 

너무 잘뜬다 희희

 

이 때 바이트 기반인 아닌 사람은 내 기억에 웰컴 뷰 하면서 뷰 로고 왕크게 나올꺼다

 

 

이렇게 뷰 생성 완료

728x90