使用 Laravel 和 Vue 進行開發可以讓前后端分離,并提高開發效率。下面是安裝 Laravel + Vue 所需的步驟。
第一步:創建 Laravel 項目。有兩種方式可以完成這個步驟:
# 使用 Laravel 安裝器
composer global require laravel/installer
laravel new project-name
# 使用 Composer 創建 Laravel 項目
composer create-project --prefer-dist laravel/laravel project-name
第二步:安裝 Laravel UI Composer 包。在 Laravel 7 及以上的版本中,運行以下命令安裝 Laravel UI:
composer require laravel/ui
在 Laravel 6 及以下的版本中,運行以下命令:
composer require laravel/ui:^1.0 --dev
第三步:安裝前端依賴,包括 NPM 和 Vue:
npm install
npm install vue
第四步:將以下內容添加到項目的 webpack.mix.js 文件中:
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
第五步:運行以下命令編譯和運行應用:
npm run dev
php artisan serve
這樣就可以在 Laravel 中包含 Vue 了,現在可以創建組件并在 Vue 中使用它們了。