iT邦幫忙

2023 iThome 鐵人賽

0
Modern Web

React前端開發 - 安裝,coding ,架設 - ver. React 17以下系列 第 11

Ch11. 假裝像是後端建置環境 Laravel

  • 分享至 

  • xImage
  •  

接下來連續幾篇階段目標: 建置一個後端環境
下區塊再講解在Laravel 安裝 React
這裡需要先說明一下Laravel,現在最新版本在10,版本在9之後都會自動有node.js的部分,所以對於React來說相當棒。
需求軟體

  1. npm
  2. php
  3. composer
  4. xampp (如果沒有 可以用cmd就好)
    安裝Laravel可以參考邦友 更詳細的安裝介紹

1. 安裝Larvael 到本地

composer create-project laravel/laravel 專案名 //我的專案叫做ithlep

https://ithelp.ithome.com.tw/upload/images/20231003/20158340DMyTIzwGgB.jpg

現在可以用vscode打開 相信專案創作者 (同意拉,哪次不同意

https://ithelp.ithome.com.tw/upload/images/20231003/20158340cdGDT02knG.jpg

因為我們是使用Laravel 可以考慮在vscode安裝Extenstions擴充 讓他自動排版比較容易
https://ithelp.ithome.com.tw/upload/images/20231003/20158340Zwulnqcdca.jpg

到這裡可以用vs code內建終端機 或是 在專案資料夾

php artisan serve

開啟瀏覽器 127.0.0.1:8000 應該網址跟port是一樣的,終端機上會顯示
https://ithelp.ithome.com.tw/upload/images/20231003/201583405DbcHJYeXp.jpg

這樣你就擁有了自己的後端專案

2.為後端專案 安裝套件

安裝 breeze 是一個簡易Laravel畫面
Laravel的官網有介紹breeze

composer require laravel/breeze --dev

https://ithelp.ithome.com.tw/upload/images/20231003/20158340Z8n8vKQdw7.jpg

3. 檢查插件檔案缺漏

之前只要有npm相關的 都會再使用npm install 檢查檔案缺漏
請記得,因為我們要使用以node為主的前端,在安裝時都要穿插npm install 檢查檔案缺漏或本地安裝

有的時候明明專案沒問題,卻不能執行,常常是因為裡面有某些插件在執行的電腦沒有安裝過。


上一篇
Ch.10 部屬一個會自動更新的React網站
下一篇
Ch.12 在Laravel安裝React
系列文
React前端開發 - 安裝,coding ,架設 - ver. React 17以下14
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言