gitee에 vue 프로젝트를 배포하는 방법

인기 있는 JavaScript 프레임워크인 Vue의 구성 요소화, 데이터 기반 구성 요소 및 단일 파일 구성 요소와 같은 기능은 광범위한 관심과 인정을 받았습니다. Gitee(코드 클라우드)는 코드 호스팅, 프로젝트 관리, 협업 개발, 배포 및 온라인 기능을 통합하는 오픈 소스 커뮤니티입니다. 이 기사에서는 Vue 프로젝트를 Gitee 페이지에 배포하는 방법을 소개합니다.

1. 준비

1.1 Gitee 계정 만들기

먼저 Gitee 홈페이지([https://gitee.com/)](https://gitee.com/)에 접속하여 회원가입 및 로그인을 해주세요. 안에.

1.2 Vue 프로젝트 만들기

다음으로 Vue 프로젝트를 만들어야 합니다. 여기서는 Vue CLI를 예로 들어 보겠습니다. 다른 방법을 사용하여 프로젝트를 생성하는 경우 이 단계를 건너뛰세요.

vue create my-project

생성 과정에서 Vue의 기본 설정을 사용하거나 수동으로 구성하도록 선택할 수 있습니다. Vue 프로젝트를 수동으로 구성하는 방법을 알아보려면 Vue 공식 문서를 참조하세요.

1.3 Git 저장소 초기화 및 코드 푸시

Vue 프로젝트가 생성된 후에는 이를 Git 저장소에 넣고 원격 저장소에 푸시해야 합니다. Git을 설치했고 Git 사용 경험이 있다고 가정합니다.

cd my-project
git init
git add .
git commit -m "initial commit"
git remote add origin [your-gitee-repository]
git push -u origin master

2. Vue 프로젝트를 Gitee Pages에 배포

2.1 Gitee Pages 저장소 만들기

Gitee Pages는 공개 액세스 URL을 통해 액세스할 수 있도록 Gitee Pages 저장소에 정적 파일을 배포할 수 있는 정적 웹사이트 호스팅 서비스입니다. .

"새 창고"를 선택하고 창고 이름을 입력한 후 "README.md 파일 초기화" 및 "Gitee 페이지 만들기"를 확인한 후 마지막으로 "창고 만들기"를 클릭하세요.

2.2 Gitee 페이지 저장소 구성

생성 후 "설정" > "Gitee 페이지"를 선택한 다음 "Gitee 페이지 페이지"에서 "소스: gh-pages 분기 /docs 디렉토리"를 선택해야 합니다.

2.3 배포 도구 설치

Gitee Pages에서는 공식적으로 배포 도구인 Gitee Pages 자동 배포 클라이언트를 제공합니다. Gitee Pages에 프로젝트를 배포하려면 이를 다운로드하여 설치해야 합니다.

Gitee 페이지 페이지에서 "자동 배포 클라이언트 기능"을 찾을 수 있으며, 운영 체제에 따라 자동 배포 클라이언트를 다운로드하여 설치할 수 있습니다.

2.4 자동 배포 구성

자동 배포 클라이언트를 다운로드하여 설치한 후 프로젝트 루트 디렉터리에 배포 구성 파일을 생성해야 합니다.

touch gitee-pages.yml

다음으로 텍스트 편집기로 파일을 열고 다음 내용을 편집해야 합니다.

pages:
  branch: master
  html_dir: dist
  cname: your.gitee.pages.domain.com
  sync:
    items:
     - dist

분기는 Gitee Pages에서 사용하는 분기를 나타내고, html_dir은 배포하려는 디렉터리 이름을 나타내고, cname은 사용자 정의 도메인을 나타냅니다. 이름, sync.items는 배포 디렉터리를 나타내며 여기서는 dist입니다.

2.5 Vue 프로젝트 배포

위 작업을 완료한 후 자동 배포 클라이언트를 사용하여 Vue 프로젝트를 Gitee Pages에 배포해 볼 수 있습니다.

gitee-pages push

이후에는 Gitee 페이지 구성 페이지와 사용자 정의 도메인 이름에서 Vue 프로젝트에 액세스할 수 있습니다.

3. 요약

이 글에서는 Vue 프로젝트를 Gitee Pages에 배포하는 방법을 소개했습니다. 간단한 작업을 통해 Vue 프로젝트를 공개 액세스 URL에 신속하게 배포하여 더 많은 사람들이 Vue 애플리케이션에 액세스할 수 있습니다. Vue 및 Gitee 페이지에 대해 자세히 알아보려면 공식 문서와 커뮤니티 리소스를 참조하여 더 많은 개발 방법과 기술을 살펴보세요.

위 내용은 gitee에 vue 프로젝트를 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!