[ Vue Project ] - Vue-cli 프로젝트 생성

yooni·2021년 8월 23일
0

project

목록 보기
3/11
post-thumbnail

Git부터 시작하는, 프로젝트 생성

github를 오랫만에 사용해서 나의잔디는 사라졌고, 이참에 새마음으로 하자는 마음으로 새계정을 만들었다.

1. Github Repositories (깃 레파지토리)

[ Git에 막 생성된 프로젝트 상태 ]

2. CMD에서 Git을 확인해보자

필자는 최근에 깃베쉬를 사용중. CMDER도 병행 사용중

  • Git 설치 후 버전 확인

git --version Git이 정상적으로 설치 되었는지 cmd 확인

	* Repository을 막 생성하면 깃은 작업하고싶은 파일에 연동되어 져있지 않아, 연동하는 작업을 해야한다.
    

3. Git으로 프로젝트 관리 연동
git init 으로 작업파일에 레파짓토리를 연결.

vi git_test vi '파일이름'을 예시본으로 생성하여 레파짓토리에 연결됐는지 확인작업을 합니다.

ESC 파일 아웃 명령어 :wq

git status
git add . : 연동된 레파짓토리에 업로드할 파일 전체 체크
git commit : git commit -m "Commit message
git log : commit 내역 확인

CMD에 순서대로 빨간 체크부분 입력. -> 정상적으로 Git 레파짓토리에 업로드 확인

# Vue create 프로젝트

vue create '프로젝트이름'

preset : vue 플로그인의 기본적인 세팅 옵션

[ vue 프로젝트 생성중 ]

  1. cd project-vue-news -> npm run serve

[ 정상적인 Vue.js 프로젝트 실행 화면 ]

profile
그리듯 성장하는 기쁨의 한걸음. -2021.07

0개의 댓글