Github: https://github.com/bigrocs/laravelvue
LaravelVUE usa tecnologia de separação front-end e back-end. O front-end usa VUE e o back-end usa o sistema CMS do framework PHP laravel.
O back-end define automaticamente o conteúdo de exibição da página front-end por meio de dados JSON.
Abaixo tomamos a versão de desenvolvimento como exemplo para descrever a instalação do LaravelVUE.
Primeiro precisamos baixar o projeto LaravelVUE e extraí-lo para uma pasta local:
1. Em seguida, execute o comando compositor para instalar as dependências do laravel
composer install
2. Renomeie .env.example para .env Execute o seguinte comando e reivindique a chave laravel.
php -r "file_exists('.env') || copy('.env.example', '.env');"
php artisan key:generate
3. Defina a configuração do banco de dados e modifique o seguinte código no arquivo .env
DB_DATABASE=homestead(数据库名称)
DB_USERNAME=homestead(数据库账号)
DB_PASSWORD=secret (数据库密码)
4. Em seguida fazemos a migração do banco de dados e preenchemos os dados
php artisan migrate
php artisan db:seed
php artisan passport:install
5. Desde a instalação da compilação VUE front-end
npm install
6. Compilar recursos front-end
npm run dev
7. Compile recursos front-end e ative o BrowserSync (modo de desenvolvimento)
npm run watch
Back-end: http://localhost/admin Conta: admin Senha: admin888
Modifique o código abaixo do arquivo webpack.mix.js
host: 'laravelvue.dev',
proxy: 'laravelvue.dev',
E preencha a resolução local correspondente no arquivo hosts
127.0.0.1 laravelvue.dev
Endereço de acesso ao modo desenvolvedor: http://laravelvue:3000/admin