這裏會說明一下我的開發環境，但是因為版本問題，不見得每個人照做都會順利，如果安裝遇到問題，請多多google，你問我，我不一定能幫到你，因為我不清楚你的環境到底是什麼樣的情形。
到xampp官網把最新版本下載回來，然後安裝，如果想快點完成安裝的話，可以只挑會用到的就好，不用全部安裝
裝完後啟動Apache及MySQL
點一下Apache後的admin按鈕看到環境資訊頁面就OK了
也可以點一下MySQL後的admin按鈕，看一下資料庫是不是能連上
因為前端的部份除了Vue之外，也會用到不少其他套件，所以把node裝起來，我們主要是為了使用其中的npm，選擇安裝長期維護版就可以了
安裝完成後可以在終端機確認一下版本
後端的PHP套件，我們會使用composer來進行管理，在windows中可以下載Composer-Setup.exe來直接安裝，很方便，安裝完成後，一樣可以在終端機中確認一下版本。
在部份windows的版本中，node和composer不一定安裝完後會馬上生效，可以重開機讓系統重載一下設定，再去終端機做確認。
有一些設定等開始專案時再來改，現在先把東西裝起來再說
會使用到的mac環境的朋友們，希望你對linux like的操作也有一定程度的熟悉，因為這邊的狀況比起windows更複雜許多，大多數網路上找到的教學都只是作者個人的狀況，不見得放諸四海皆準，如果google一次得不到答案，你可以google二次....
這裏打算只簡單提一下原則，實際的環境建立請依各位的作業系統版本去進行調整。
到Homebrew官網去，首頁就是一串安裝指令:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
首頁接下來是關於homebrew的使用說明，不用照做一次，根據你的需要去調整。
我個人的習慣是先查詢要安裝的套件資訊，再來決定要不要安裝，如何安裝，設定檔在那，需要改那些設計，同時套件資訊也會列出一些注意事項，必要時，套件官網也會有安裝的說明及注意事麗金，以Apache當個例子：
當你下了個指令
brew info apache
你會看到錯誤訊息，說找不到這個套件
不要驚慌，沒有什麼是google解決不了的，趕緊下關鍵字找一下發生什麼事了
不知道怎麼下關鍵字，不會用google的話，建議先去電腦幼幼班開始學，程式設計先緩緩
經過一番尋找，發現很多前輩的分享都說要安裝的是httpd這東西，所以結論，在homebrew中httpd=Apache
重新下查詢指令，會得到如下的資訊：
我們可以從中知道套件是否已經安裝了，裝在什麼地方，設定檔放在那裹等等資訊，然後就可以下安裝指令去安裝了，最後可以把安裝過的套件或服務列出來
brew services list
這邊提一下，macOS有內建的apache和php可以使用，但是功能有點不完整，有很多設定和模組要另外處理，所以我個人是會選擇停用內建的apache，另外安裝httpd，停用內建apache的方式請朋友們自行google。
而PHP則是因為近年PHP的版本變化比較多，有時會需要在不同版本中切換，所以使用brew可以安裝多個版本的php，不過切換PHP版本有點麻煩，這邊不多說，不然真的三百天寫不完
如果不想使用homebrew，或是你是在linux的作業環境中，那可能就要自己手動安裝或是去找作業系統有的套件管理軟體，這裹示範一下composer的手動安裝
找到composer的官網，然後到download去，看到一大串指令，一次一行或全部複製貼到終端機去執行就好了，要注意的是最後要把composer的檔案搬到系統目錄去，這樣才可以在任何目錄下執行composer
一樣，最後可以在終端機查一下安裝的套件版本，我的mac book上的node和composer是手動安裝的，其他的則是用homebrew安裝，但其實homebrew應該是可以全部都安裝到的。
docker也是一個不錯的建立環境的方式，但我還不熟，所以這邊就不多說了，有興趣的也可以研究一下laravel自己推出的docker安裝方式
laravel sail
目前網頁開發大多都是用Visual Studio Code來進行的，最一開始是用notepad++，後來也有用過Atom之類的，在Visual Studio Code出來後，幾乎就定住了，而且雙平台都可以使用，相關的套件和設定都可以同步，非常方便。
VS Code的設定和套件就不多說了，請自己google或選擇自己好上手的就可以了。!
iThome鐵人賽
看影片追技術
