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

我準備開發一個名校公開課的漢化資料下載和討論版，功能就是站長髮布資訊和資料下載連結，使用者可以在下面討論，並且可以生成各種平臺的分享方式分享出去。這一系列文章就記錄這一過程。當然博文功能也是必不可少的。

雖然我經常看教程，實戰還是很少，看教程和實戰完全兩回事，教程就是講知識點，實戰並不是按照教程順序來寫的，所以透過實戰專案再把知識點串聯起來印象就更加深刻了。雖然我看了 laracasts 的幾個基礎系列影片，甚至還語音翻譯出來了（看這裡：laracasts 中文語音影片），但是真正要用的時候，還是必須回過去再看看，溫習一下，所以我準備把過程記錄一下，特別是遇到的一些問題，一些決策過程，希望給和我一樣的新手一些參考，如果有遇到問題難以解決的，也希望大家不吝賜教！也建議大家都用同樣的方法試試！

開發環境

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

新建專案

提示：記得替換 composer 映象到阿里雲的全量映象，參考：阿里雲 Composer 全量映象 ，順便還看到了我不知道的 composer 升級命令 composer self-update。

我們可以使用 laravel Installer 進行安裝，不過先要安裝好這個工具，也是透過 composer 進行安裝的，composer global require laravel/installer。
安裝完成之後，直接透過 laravel new projece_name 來新建 laravel 應用。

不熟悉的可以看這個影片【中文語音】：Laravel 6 From Scratch（3）Laravel Installer - Laracasts【中文語音】

也可以使用 composer create-project 指令來新建 Laravel 專案，比如（最後，我推薦使用第一種方法，是官方文件推薦的方法。）：
composer create-project laravel/laravel Laravel --prefer-dist "6.*"。
建議採用的是 7.* 因為安裝新的元件和依賴方便，舊版本還要指定合適的版本元件 ，更換了阿里雲映象，大約花了3分鐘完成專案的下載。

如果你對此都不熟悉，那麼應該考慮 LearnKu 的基礎教程：L01 Laravel 教程 - Web 開發實戰入門( Laravel 6.x )

補充：laragon 可以透過選單直接建立 laravel 應用，我在舊版本的 laragon 上直接建立的版本是 v5.8.*，理論上這個應該是可以配置的，但是額外的學習時間沒必要花在這裡，有興趣的自己研究。

然後我順便安裝一下 Laravel UI

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

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

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

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

開啟頁面

有時候開啟頁面出現這個：

那麼就 composer update 一下。
有時候報這個錯誤：

於是執行 php artisan key:generate。

結果

最後的結果，可以看到右上角的登入和註冊頁面都自動整合了。

下一步

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

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