vue project 생성

 

새로운 회사에 입사하게 된지 3주차이다... 좀 적응한거 같다.

 

frontend는 vue 쓰고

backend는 spring 쓴다...

 

jsp랑 spring을 쓴 나로써는 좀 불편했지만... 꾸역꾸역 적응한거 같다...

 

vue를 만나 인사한 정도인듯...

 

회사에서 준 프로젝트 일부분을 끝내고...

 

혼자 시간이 남아 조금 연습하고 싶어 만들어보았다...

---

1. 최신 버전의 Node.js가 설치되어 있고 현재 작업 디렉터리가 프로젝트를 만들려는 디렉터리인지 확인하세요. 명령줄에서 다음 명령을 실행합니다 =>
   npm create vue@latest
2. 그러면
3. Need to install the following packages: create-vue@3.12.1 Ok to proceed? (y) y

이렇게 뜨는데 node 버전 업데이트랑 상관없고, 프로젝트 생성이니 그냥 하면 된다.

1. 결과는 이렇게 뜨지만
2. Done. Now run: cd vue-test npm install npm run dev
3. npm run dev를 하면 될 줄 알았지만…
4. PS C:\\Users\\test\\Desktop\\vue_test> npm run dev npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\\Users\\test\\Desktop\\vue_test\\package.json npm ERR! errno -4058 npm ERR! enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\\Users\\test\\Desktop\\vue_test\\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

이렇게 뜬다…

1. 알고보니 폴더 한 칸 더 들어가야함…
2. 그래서 명령어 입력하니…
   npm run dev
   

   > vue-test@0.0.0 dev > vite

   
   
   
3. 저게 뜨는데 아래를 입력해주면 된다

 

npm install vite

added 138 packages, and audited 139 packages in 12s

35 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

이렇게 뜬다 ㅎㅎ

 

이제 실행하면

npm run dev > vue-test@0.0.0 dev > vite VITE v5.4.11 ready in 363 ms 

➜ Local: <http://localhost:5173/> 
➜ Network: use --host to expose 
➜ Vue DevTools: Open <http://localhost:5173/__devtools__/> as a separate window 
➜ Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools

➜ press h + enter to show help

 

잘된다!!!