vue 프로젝트,코드 클 라 우 드 에 제출,iconformant 의 용법 설명

전기 준비
먼저 코드 클 라 우 드 계 정 이 있어 야 합 니 다.계 정 이름 은 영어 로 온라인 창고 에 사용 하 는 것 이 좋 습 니 다.
그 다음 에 git 를 컴퓨터 에 다운로드 합 니 다.많은 git 명령 때문에 cmd 명령 행 이 인식 되 지 않 습 니 다.
Iconont 계 정 이 하나 더 있 는 것 이 좋 습 니 다.많은 전단 에 사용 되 는 아이콘 은 더 이상 직접 그리 지 않 고 프로젝트 에 추가 하여 다운로드 하면 사용 할 수 있 습 니 다.
더 필요 한 건 node 가 있어 요.
2.프로젝트 구축
1.먼저 코드 클 라 우 드 에 개인 프로젝트 를 새로 만 듭 니 다.(프로젝트 가 공유 라면 누구나 볼 수 있 습 니 다.일반적으로 개인 으로 설정 한 다음 에 프로젝트 그룹의 사람 을 끌 어 들 이면 됩 니 다)READERME 파일 로 이 프로젝트 를 초기 화 합 니 다.언어 는 자바 script 을 선택 하고 크 론 은 로 컬 로 갑 니 다.
그 중에서 온라인 창고 와 로 컬 연결 을 완성 해 야 합 니 다.
2.이제 로 컬 에서 코드 를 작성 할 수 있 습 니 다.
3.아이콘 을 사용 할 때 iconformant 에서 직접 찾 고 카 트 에 가입 하여 항목 을 추가 한 후 로 컬 로 다운로드 하여 구성 요소 에서 참조 하면 됩 니 다.그 중에서 다운로드 한 파일 은 우리 가 필요 로 하 는 부분 만 있 습 니 다.다음 그림 과 같 습 니 다.

iconfont.css 도 css 폴 더 에 복사 하면 됩 니 다.
iconfont.css 경 로 를 수정 하 는 것 도 잊 지 마 세 요.
3.코드 클 라 우 드 에 제출
주로 로 컬 코드 의 제출 명령 을 기록 하고 싶 습 니 다.
코드 를 제출 하려 면 로 컬 과 온라인 창고 의 연결 을 완성 해 야 합 니 다.여 기 는 공개 키 비밀 키 를 통 해 연결 되 어 있 습 니 다.
1.공개 키 비밀 키 생 성
프로젝트 폴 더 에서 git 명령 을 실행 합 니 다.
`ssh-keygen -t rsa -C "[email protected]"`
2.Enter 를 내 려 간 다음 에 생 성 된 공개 키 를 코드 클 라 우 드(-ssh 공개 키 설정)에 입력 합 니 다.
다음 입력
cat ~/.ssh/id_rsa.pub
3、git 창고 초기 화
프로젝트 폴 더 에서 git 명령 실행git init4.프로젝트 파일 을 버퍼 에 추가git add .5.add 파일 commt 를 창고 에 저장git commit -m 'project init'6.연결 코드 클 라 우 드
이 단 계 는 잘못 보고 할 수 있 으 니 명령 을 입력 해 야 한다.
git config--global user.name 사용자 이름;
git config--global user.email 메 일 이름;
7.코드 클 라 우 드 창고 에 업로드git push4.원 격 에 프로젝트 의 상황 과 코드 클 라 우 드 가 연결 되 어 있 습 니 다.
1.로 컬 에 폴 더 나 명령 mkdir+파일 이름 만 들 기
2.명령 cd+파일 디 렉 터 리 파일 이름 으로 들 어가 기
3.git clone+코드 클 라 우 드 창고 주소(코드 클 라 우 드 에 새 항목 점 을 들 어가 복제 하거나 복사 한 링크)
git 명령
모든 브 랜 치 보기:git branch-a
한 지점 으로 전환:git checkout 지점 이름
병합 분기:git merge 원 분기 목표 분기
제출 명령 은 두 가지 가 있 습 니 다.git push origin master(정상 제출)와 git push origin master-f(강제 제출,강제 제출 은 이전 commt 주석 정 보 를 변경 하지 않 고 수 정 된 코드 를 바 꾸 지 않 습 니 다.조심 하 세 요)는 모두 master 분기 에 제출 합 니 다.
원 격 분기 git branch-a 또는 git branch-r 보기
로 컬 분기 git branch demo 만 들 기fenzhi
로 컬 분기 git checkout demo 로 전환fenzhi
로 컬 분기 git branch-d demo 삭제fenzhi
로 컬 분기 상태 보기 git branch
원 격 브 랜 치 를 만 들 고 로 컬 브 랜 치 를 원 격 브 랜 치 에 git push origin demo 로 보 냅 니 다.fenzhi:demo_fenzhi 로 컬 분기 이름:원 격 분기 이름
원 격 분기 git push origin 삭제:demofenzhi
git push origin--delete demofenzhi
로 컬 분기 와 원 격 분기 비교 git diff demodev origin/demo_fenzhi
//demo_dev 는 로 컬 분기,demofenzhi 원 격 분기
새 분기 및 분기 git checkout-b bende 로 전환fenzhi
생 성+분기 전환:git checkout-b
현재 지점 으로 의 지점 통합:git merge
삭제 후 git add 되 지 않 은 파일 git checkout-f 또는 git clean-df 복구
로 컬 브 랜 치 name 에 원 격 브 랜 치 를 끌 어 다 놓 을 수 있 습 니 다.브 랜 치 name 이 없 으 면 로 컬 에 브 랜 치 name git fetch origin 브 랜 치 name:branchname 을 새로 만 듭 니 다.
원 격 분기 remoteName 을 로 컬 새 분기 localName 으로 가 져 오고 localName 분기 git checkout origin/remoteName-b localName
vue 프로젝트 코드 클 라 우 드 미리 보기 단계
첫 번 째 단계:
npm run build,dist 폴 더 push 를 코드 클 라 우 드 에 압축 해 야 합 니 다.
그러나 GitHub 에 파일 을 업로드 할 때 는 기본적으로 dist 폴 더 를 무시 하기 때문에.gitignore 에 있 는 파일 의 내용 을 수정 해 야 합 니 다.캡 처 한 바 와 같이:

두 번 째 단계:
로그 인 코드 클 라 우 드,미리 볼 코드 창 고 를 찾 습 니 다.아래 캡 처 와 같이 배 치 된 사이트 주 소 를 가 져 옵 니 다.세 번 째 단계 에 필요 합 니 다.

세 번 째 단계:
vscode 에서 이 항목 의 config/index.js 파일 의 build 부분 을 수정 합 니 다.캡 처 와 같이:

수정 후 npm run build 명령 을 다시 실행 하고 push 를 진행 합 니 다.
네 번 째 단계:
브 라 우 저 에 두 번 째 단 계 를 입력 할 때 얻 은 사이트 주 소 를 입력 하고 뒤에/dist/index.html 를 추가 하면 웹 페이지 의 미리 보 기 를 할 수 있 습 니 다.
큰 성 과 를 거두다.
이상 의 vue 프로젝트 는 코드 클 라 우 드 에 제출 되 었 습 니 다.iconformant 의 용법 설명 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.