Download as PDF, PPTX
Uploaded byShengyou Fan
使用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境
本文介绍了如何使用 Wagon 和 Visual Studio Code 在 Windows 平台上轻松构建 PHP/Laravel 开发环境。Wagon 提供了免安装的便捷工具，包括 Apache、MySQL、Composer 等，并可直接运行 Laravel 项目。文章还提供了设置和配置指南，以优化开发流程和环境。
More Related Content
![[社内勉強会]ELBとALBと数万スパイク負荷テスト](https://cdn.slidesharecdn.com/ss_thumbnails/elbalb-160822022623-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to 使用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境
![[Modern Web 2016] 讓你的 PHP 開發流程再次潮起來](https://cdn.slidesharecdn.com/ss_thumbnails/modernize-your-php-workflow-160824071317-thumbnail.jpg?width=640&height=640&fit=bounds)
![[JCConf 2024] Kotlin/Wasm：為 Kotlin 多平台帶來更多可能性](https://cdn.slidesharecdn.com/ss_thumbnails/kotlin-wasm-the-new-target-in-kmp-241004034547-e11ec4a4-thumbnail.jpg?width=640&height=640&fit=bounds)
![[GDG Kaohsiung DevFest 2023] 以 Compose 及 Kotlin Multiplatform 打造多平台應用程式](https://cdn.slidesharecdn.com/ss_thumbnails/building-multiplaftorm-application-using-kotlin-and-compose-multiplatform-231127165717-6bee7d0b-thumbnail.jpg?width=640&height=640&fit=bounds)
![[JCConf 2023] 從 Kotlin Multiplatform 到 Compose Multiplatform：在多平台間輕鬆共用業務邏輯與 U...](https://cdn.slidesharecdn.com/ss_thumbnails/kotlin-multiplatform-with-compose-231011174559-d4d22a45-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Kotlin 讀書會第五梯次] 深入淺出 Kotlin 第一章導讀](https://cdn.slidesharecdn.com/ss_thumbnails/guided-reading-on-head-first-kotlin-chapter-one-230816095202-c328f541-thumbnail.jpg?width=640&height=640&fit=bounds)
![[WebConf Taiwan 2023] 一份 Zend Engine 外帶！透過 Micro 讓一次打包、多處運行變得可能](https://cdn.slidesharecdn.com/ss_thumbnails/building-app-with-zend-engine-using-micro-230816092930-84eda384-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Effective Kotlin 讀書會] 第八章 Efficient collection processing 導讀](https://cdn.slidesharecdn.com/ss_thumbnails/effective-kotlin-chapter8-221208155318-f914a841-thumbnail.jpg?width=640&height=640&fit=bounds)
![[MOPCON 2022] 以 Kotlin Multiplatform 制霸全平台](https://cdn.slidesharecdn.com/ss_thumbnails/kotlin-multiplatform-221017125206-52db0fac-thumbnail.jpg?width=640&height=640&fit=bounds)
![[JCConf 2022] Compose for Desktop - 開發桌面軟體的新選擇](https://cdn.slidesharecdn.com/ss_thumbnails/compose-for-desktop-221008111948-4f59ebda-thumbnail.jpg?width=640&height=640&fit=bounds)
![[COSCUP 2022] 讓黑畫面再次偉大 - 用 PHP 寫 CLI 工具](https://cdn.slidesharecdn.com/ss_thumbnails/make-cli-great-again-by-using-php-220803083302-2be4b800-thumbnail.jpg?width=640&height=640&fit=bounds)
![[COSCUP 2022] Kotlin Collection 遊樂園](https://cdn.slidesharecdn.com/ss_thumbnails/kotlin-collection-playground-220803082529-17e4a226-thumbnail.jpg?width=640&height=640&fit=bounds)
![[PHP 也有 Day #64] PHP 升級指南](https://cdn.slidesharecdn.com/ss_thumbnails/php-upgrade-guide-220301051052-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Kotlin Serverless 工作坊] 單元 4 - 實作 RSS Aggregator](https://cdn.slidesharecdn.com/ss_thumbnails/kotlin-serverless-ep4-rss-aggregator-210423105251-thumbnail.jpg?width=640&height=640&fit=bounds)
使用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境
- 1. 使⽤用 wagon +VSCode 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 2016/07/14 范聖佑 Shengyou Fan Laradebut #2
- 2.
- 3.
- 4.
- 5. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 Mac Homestead 100% 理想開發環境
- 6. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 為什麼不⽤用 Homestead？ • Homestead 是重裝備 - 新硬體才⽀支援VT-x (近 2 年的機器⽐比較保險) - 記憶體最好 2GB 以上 - SSD 才會⽐比較順 • 指令苦⼿手怕怕 - 前置作業很多 - 要看⿊黑⿊黑的畫⾯面打指令 • Mac 平台以外的雷不少
- 7. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 開發需求 網⾴頁伺服器 (Apache) 資料庫 (MySQL) PHP 直譯器 composer 套件管理 Adminer 資料庫操作 cmder 指令執⾏行 git 版本控制 運⾏行環境 開發⼯工具
- 8.
- 9. 彰師⼤大資⼯工系學會 Laravel ⼯工作坊 2014/12/6,7, 13, 14 故事是這樣開始的…
- 10.
- 11.
- 12. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 ★ wagon 的故事：https://www.youtube.com/watch?v=O7ynMSd0Tlo
- 13. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 wagon 可攜式懶⼈人包 • 免安裝/設定 cmder，還帶⼀一堆 plugins • 免安裝/設定 UwAmp (包括 PHP 5.6.18 及 PHP 7.0.3) • 免安裝 Composer 及 Global Packages • 獨⽴立的環境變數、port • 指令列 git 版本控制系統 • 已預設好 Laravel 4.2 ~ 5.2 各版本 • 依需求可再加載 Editor/IDE、圖型化 git 軟體…
- 14. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 請先下載/安裝 • 請先下載/安裝Visual C++ 可轉散發套件 - 請下載 2012 及 2015 兩個版本 - 請下載 x86 (32bits) 及 x64 (64bits) 兩個版本 - 請將四個版本的套件都安裝！ ★ PHP 5.6 需要Visual C++ 可轉散發套件 2012 ★ PHP 7.0 需要Visual C++ 可轉散發套件 2015
- 15. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 下載 wagon • 請到 Laravel 道場 的 Github 下載 - 請直接到 release 下載 zip 即可，不⽤用 clone！
- 16.
- 17. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 有哪些好料？ • cmder • git • Laravel • UwAmp
- 18. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 cmder (cmd.exe 增強版) • 移植了常⽤用的 Unix 指令 - 熟悉的 ssh, vim, curl, ls 基本上都有 • PHP 已經動態載⼊入⾄至環境變數 - Windows 10 會⾃自動使⽤用 PHP 7.0 - 其他版本會降成 PHP 5.6 • Composer 已經動態載⼊入⾄至環境變數 - psysh, laravel-installer, envoy 都已預裝好
- 19. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 git (指令列) • git 已經動態載⼊入⾄至環境變數 • 指令上會顯⽰示 git branch • 若需要 GUI 圖型介⾯面，推薦 SourceTree • 其他留給 墨桑 和 Duncan 講 :)
- 20. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 Laravel • 嫌⽤用 Composer 裝 Laravel 很慢嗎？ - 在 laravel 資料夾裡有 4.2 ~ 5.2 各版本的 Laravel 壓 縮檔，把它解壓縮放到 wagon/uwamp/www 即可使 ⽤用！
- 21. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 Apache (UwAmp) • UwAmp 裡內建 Apache • 請確定 PHP 對應的Visual C++ 可轉散發套件已安裝 • 記得設定 Document Root • 使⽤用 8000 port，記得要 http://localhost:8000 • 若重啟出問題時，先把 mysqld process 砍掉後，重開 UwAmp 即可
- 22. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 啟動 UwAmp
- 23. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 防⽕火牆設定
- 24. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 UwAmp 主視窗 AMP 各項 偏好設定 PHP 版本
- 25. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 Apache Module 設定 開啟 rewrite 模組
- 26. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 PHP 設定 開啟 Laravel 所需 的 PHP extensions
- 27. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 預設 wagon 畫⾯面 http://localhost:8000/
- 28. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 Document Root 設定 練習 3
- 29. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 重啟時 Kill Process 技巧
- 30. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 MySQL • UwAmp 內建 MySQL 5.7 • 預設的 phpmyadmin 被換成 adminer • 使⽤用 33060 port (記得改 .env) • 預設帳密：root / root // .env DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=33060 DB_DATABASE=project_db DB_USERNAME=root DB_PASSWORD=root
- 31. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 登⼊入 MySQL
- 32. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 切換語系
- 33. 與 VS Code合體 加碼！
- 34. Visual Studio Code •由 Microsoft 主導開發的編輯器 • 以 Electron 技術打造 • 內建語法提⽰示、版本控制及偵 錯⼯工具 • 跨平台、免費、開放源始碼 • ⽀支援外掛系統，可擴充功能 ⺫⽬目前正式發佈 v1.3.1 穩定版
- 35. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 • VS Code 預設使⽤用 PATH 裡的 git，因此要先裝 git • 若是不想⽤用 PATH 裡的，可以指定路徑 客製化 git 設定 { //-‐-‐-‐-‐-‐-‐-‐-‐ Git configuration -‐-‐-‐-‐-‐-‐-‐-‐ // Is git enabled "git.enabled": true, // Path to the git executable "git.path": "把 wagon 的 git.exe 路徑寫在這裡", // Whether auto fetching is enabled. "git.autofetch": true, }
- 36. 使⽤用 wagon + VS Code 輕鬆打造 Windows 平台 PHP/Laravel 開發環境 • VS Code 預設使⽤用 PATH 裡的 PHP interpreter • 若是不想⽤用 PATH 裡的，可以指定路徑 客製化 PHP 設定 { //-‐-‐-‐-‐-‐-‐-‐-‐ PHP Configuration options -‐-‐-‐-‐-‐-‐-‐-‐ // Whether php validation is enabled or not. "php.validate.enable": true, // Points to the php executable. "php.validate.executablePath": "把 wagon 的 php.exe 路徑 寫在這裡", // Whether the linter is run on save or on type. "php.validate.run": "onSave", }
- 37.
- 38.