A última imitação de vídeo curto Douyin versão de código aberto + shopping + vídeo curto, o nível de conclusão atingiu 80% do aplicativo oficial
Implementado com base em Vue e Vite. A mais recente pilha de tecnologia de bucket da família Vue é usada e os dados da interface são simulados por meio do axios-mock-adapter
Há um problema com o ambiente Mac. Mesmo se eu mudar para um computador Win, não consigo instalar as dependências, então não vou testar de jeito nenhum ~
Use o modo móvel para acessar o navegador do PC. Primeiro pressione F12 para abrir o console e, em seguida, pressione Ctrl+Shift+M para alternar para o modo móvel. Use o navegador Via navegador ou navegador Chrome para visualizar em telefones celulares. Outros navegadores forçarão o vídeo a ficar em tela inteira, fazendo com que os estilos se tornem inválidos.
Execute o projeto:
Este projeto é desenvolvido com base em Vue e requer um ambiente de nó para ser executado.
- Instale o NodeJS, consulte a documentação oficial
- Instale a ferramenta de gerenciamento de pacotes pnpm e execute npm install -g pnpm para instalar
- Faça upload do código-fonte do projeto para o diretório raiz do projeto
- Entre no diretório do projeto cd douyin, no diretório raiz do projeto, execute pnpm install para baixar as dependências.
- Execute pnpm dev para iniciar o projeto. O endereço padrão do projeto é http://localhost:3000
- Abra http://localhost:3000 no seu navegador para acessar o projeto. O Chrome muda para a tecla de atalho do modo móvel, primeiro pressione F12 para abrir o console e, em seguida, pressione Ctrl+Shift+M (simulação de emulação de dispositivo)


