[Vue] 기존 github Repositories & Vue 설치

📌 Vue + github

📍 github 생성된 Repositories clone

✅ Repositories clone 복사 후 원하는 경로에서 아래와 같이 git clone !

git clone [복사한 url]

 

✅ clone한 저장소 확인하기 

- git remote -v 명령어를 통해 로컬 저장소에 연결된 원격 저장소의 목록과 url을 확인

// 명령어 실행
git remote -v 

🔽 아래와 같이 확인할 수 있어요
origin  https://github.com/github이름/repository이름.git (fetch)
origin  https://github.com/github이름/repository이름.git (push)

✅ pull, push를 통해 확인 체크

 

📍 Vue 설치 및 확인

- 🔗 Vue 공식

- Repositories clone 진행한 폴더 경로에서 Vue 설치 진행 \

-  . 👈 사용하면 현재 디렉토리에서 설치 진행 (끝에 . 사용하면 새 폴더를 만들지 않고 현재에서 진행하게 됩니다.)

npm create vue@latest .

✅ Yes - 현재 디렉토리에 이미 파일이 있는 경우 삭제하고 진행해도 되는지 

 

✅ 패키지 이름을 물어보는 안내가 나오는데 레포지토리 와 동일하게 입력

- 소문자만 허용

- 띄어쓰기 대신 - 사용 

- 숫자로 시작 ❌

 

✅ 선택적 기능에 대한 프롬프트가 표시 되는데 공식 문서에 안내한 내용대로 일단은 선택!

// ✅ 경로 확인 - 현재 디렉토리에서 설치를 진행했기에 아래와 같이 순서대로 입력
npm install
npm run dev

반응형

✅ 터미널에서 위와 같이 확인을 할 수 있고 http://localhost:5173/ 확인 진행! 

 

 

✅ 끝 !! 정상적으로 vue 설치 완료

 

이후에 github에 push 진행까지 끝내기!

 

 

 

 

✍️ 기록

 

감사합니다. 😁