[完全なオープンソース VUE 模倣 Douyin ビデオ ソース コード] 模倣性の高い Douyin ショート ビデオ ソース コード

最新の模倣Douyinショートビデオオープンソースバージョン+モール+ショートビデオ、完成度は公式アプリの80％に達しています
VueとViteをベースに実装されています。最新の Vue ファミリー バケット テクノロジー スタックが使用され、インターフェイス データは axios-mock-adapter を通じてシミュレートされます。
mac環境に問題があります。 winパソコンに切り替えても依存関係がインストールできないので全くテストしません〜
PCブラウザにアクセスするにはモバイルモードを使用してください。まず F12 を押してコンソールを表示し、次に Ctrl+Shift+M を押してモバイル モードに切り替えます。携帯電話でプレビューするには、ブラウザーまたは 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 を押します (デバイス エミュレーション シミュレーション)。