[전체 오픈 소스 VUE 모방 Douyin 비디오 소스 코드] 높은 모방 Douyin 짧은 비디오 소스 코드

최신 모방 Douyin 짧은 비디오 오픈 소스 버전 + 쇼핑몰 + 짧은 비디오, 완성도가 공식 앱의 80%에 도달했습니다.
Vue와 Vite를 기반으로 구현되었습니다. 최신 Vue 제품군 버킷 기술 스택이 사용되며 인터페이스 데이터는 axios-mock-adapter를 통해 시뮬레이션됩니다.
Mac 환경에 문제가 있습니다. 윈컴퓨터로 바꿔도 의존성 설치가 안되서 아예 테스트를 안하겠습니다~
PC 브라우저에 접속하시려면 모바일 모드를 이용해주세요. 먼저 F12를 눌러 콘솔을 불러온 다음 Ctrl+Shift+M을 눌러 모바일 모드로 전환하세요. 휴대폰에서 미리 보려면 Via 브라우저나 Chrome 브라우저를 사용하세요. 다른 브라우저에서는 비디오를 강제로 전체 화면으로 표시하므로 스타일이 유효하지 않게 됩니다.
프로젝트를 실행합니다.
본 프로젝트는 Vue를 기반으로 개발되었으며, 실행을 위해서는 노드 환경이 필요합니다.

1. NodeJS 설치, 공식 문서 참조
2. pnpm 패키지 관리 도구를 설치하고 npm install -g pnpm을 실행하여 설치합니다.
3. 프로젝트 소스 코드를 프로젝트 루트 디렉터리에 업로드
4. 프로젝트 디렉터리 cd douyin을 입력하고 프로젝트 루트 디렉터리에서 pnpm install을 실행하여 종속성을 다운로드합니다.
5. pnpm dev를 실행하여 프로젝트를 시작합니다. 프로젝트의 기본 주소는 http://localhost:3000입니다.
6. 프로젝트에 액세스하려면 브라우저에서 http://localhost:3000을 엽니다. Chrome이 모바일 모드 단축키로 전환됩니다. 먼저 F12를 눌러 콘솔을 불러온 다음 Ctrl+Shift+M(기기 에뮬레이션 시뮬레이션)을 누릅니다.