安装 Vue Laravel 8 项目

概述

本文将介绍如何安装和设置一个 Vue Laravel 8 项目。我们将使用 Laravel 提供的脚手架工具 "Laravel Jetstream" 来创建一个全功能的 Laravel 框架，并集成 Vue.js 前端框架。

步骤

1. 环境要求

首先，请确认已经安装以下组件：

• PHP >= 7.3
• Composer
• Node.js >= 12
• NPM 或 Yarn

2. 创建 Laravel 项目

使用以下命令在您的计算机上创建一个新的 Laravel 8 项目：

composer create-project laravel/laravel my-project
cd my-project

3. 安装 Laravel Jetstream

Jetstream 是一个提供 Laravle 项目的身份验证和团队管理功能的脚手架工具。

Jetstream 提供两个选项：Livewire 和 Inertia。Livewire 是一个使用 Laravel Blade 模板引擎的现代 Ajax 组件框架，而 Inertia 结合了 Laravel 后端和 Vue.js 前端框架。

• 选择 Livewire：

composer require laravel/jetstream
php artisan jetstream:install livewire

• 选择 Inertia：

composer require laravel/jetstream
php artisan jetstream:install inertial

4. 安装 NPM 依赖

根据您上一步选择的选项，在项目根目录执行以下命令来安装前端资源：

# 如果选择了 Livewire
npm install

或者

# 如果选择了 Inertia
yarn install

5. 创建数据库

在 .env 文件中配置数据库连接信息，然后运行以下命令迁移数据库：

php artisan migrate

6. 运行开发服务器

在开发环境中，您可以运行以下命令来启动 Laravel 内置的开发服务器：

php artisan serve

7. 编译前端资源

根据您在第三步选择的选项，执行以下命令编译前端资源：

# 如果选择了 Livewire
npm run dev

或者

# 如果选择了 Inertia
yarn run dev

结论

恭喜！您已成功安装 Vue Laravel 8 项目。现在，您可以在 Laravel 框架中开发具备身份验证和团队管理功能的 Web 应用程序。祝您愉快的编程！