[新手開發記錄] 新建一個網站

Affren發表於2020-05-16

雖然我經常看教程,實戰還是很少,因為最近沒什麼特別的想法去寫什麼,現在有了目標,所以我準備把過程記錄一些,特別是遇到的一些問題,一些決策過程,希望給和我一樣的新手一些參考,如果有遇到問題難以解決的,也希望大家不吝賜教!

開發環境

電腦我是普通的 Windows 主機。
環境我選擇了 laragon ,用過幾次,覺得這個還是很方便的。
官方地址:laragon

新建專案

我們可以使用 composer create-project 指令來新建 Laravel 專案,比如:
composer create-project laravel/laravel Laravel --prefer-dist "7.*",如果你對此都不熟悉,那麼應該考慮 LearnKu 的基礎教程:L01 Laravel 教程 - Web 開發實戰入門( Laravel 6.x )
也可以使用 laravel Installer 進行安裝,不過先要安裝好這個工具,也是通過 composer 進行安裝的,composer global require laravel/installer

不熟悉的可以看這個視訊【中文語音】:Laravel 6 From Scratch(3)Laravel Installer - Laracasts【中文語音】

兩種方法都有一些速度問題需要注意,因為有些依賴不太好下載,因為源都在國外。

然後我順便安裝一下 Laravel UI

它可以幫我們快速實現一些使用者基本功能,前端樣式我選擇 VUE:

Laracasts視訊教程《Laravel 6 From Scratch》:
感謝 laravel-UI,我們可以快速建立對註冊、session 處理、密碼重置、郵件確認等等的完整訪問限制體系。最棒的是,你根本無需關心實現細節,並且只需要幾分鐘就可以建立起來。

在安裝好新的 Laravel 程式後進入目錄,然後執行:composer require laravel/ui --dev
安裝完畢之後,執行 php artisan 就會看到多出來了幾個指令 uiui:auth
然後我選擇 VUE 作為前端樣式,當然還有 bootstrapreact 可以選擇,只是命令中替換掉 vue 即可,我還要帶上 auth 命令如下:
php artisan ui vue --auth
最後還要執行 npm install && npm run dev ,安裝依賴和編譯。

不明白的可以參考:【中文語音】(34)快速建立訪問限制體系 - Laracasts - Laravel 6 From Scratch

下一步

寫到這裡,我對於如何整合 VUE 和 Laravel 還沒有什麼頭緒,因為 VUE 2 學習系列還沒有看完,可能我會先把我要的一些功能邏輯寫好,然後後續再改樣式。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章