03-16-2019

Laravel_環境建置

 

-小工商時間-

 

我們即將在八月底舉辦一場 Laravel 網站架設的系列工作坊,利用三個禮拜的時間,由淺入深帶各位一步一步從環境建置到自己製作出自己的部落格,並且最後將你的網站完整上線!你可以先跟著【自己的網站自己做】系列開始學習,如果仍然跟不上也歡迎來參加工作坊,有任何問題也都可以直接詢問講師喔~

 

如果時間、地點無法配合,我們也特別準備影片票,只要有一支手機和電腦,即可輕鬆一起參與課程直播,課後還可以無限次觀看,看一次無法完全吸收,那就看一百次看到懂為止吧!

想參加 Laravel 工作坊看這裡 ▶ https://pse.is/JMCWL

 

 

接下來就進到正文~

我要先訴說這之後要做的網頁類型,主要是講從環境建置到美化,做出一個始於自己的作品集簡易網頁。

 

那接觸的第一天,先來將環境建置好,雖然是一人作業,但第4個太重要了,所以我想列入安裝列表,以下需要安裝這些軟體:

 

1.XAMPP

2.Composer

3.Visual Studio Code(程式編碼軟體,可以選擇用自己習慣的軟體)

4.Git(合作專案需要用到)

 

Step1.

一開始先到XAMPP的官網下載軟體,依自己的電腦下載適合的版本,我下載的是Window版本的。

 

Step2.

下載完後執行安裝。

 

會出現一個視窗,點選yes繼續

 

 

再來點ok執行

 

 

點選NEXT

 

 

這裡我只有點選Apache、MySQL、PHP、phpMyAdmin

 

 

這裡預設是安裝在C槽,我把它改成安裝在D槽,之後的都是按NEXT

 

 

按完finish後他會出現語言選擇,看個人喜好,雖然只有兩種可以選,想要學習德文的人可以選擇德文,我還是乖乖選擇英文就好。

 






Step3.

安裝完後打開來就會長這樣,我們可以先把Aphche(網站伺服器)跟MySQL(資料庫伺服器)打開,試試看有沒有問題。

 

 

在網頁上打http://localhost/dashboard/,如果有出現這個畫面那表示有連到喔,我們點選右上的phpMyAdmin試試看進不進得去

 

 

進去之後長這樣,這之後資料庫設定的時候還會見面,在這裡先跟它say goodbye。







Step4.

接下來我們要安裝Composer。

 

直接按NEXT

 

 

這裡因為我剛剛XAMPP是安裝到D槽所以要選剛剛安裝位置裡的PHP檔

 

這裡直接按NEXT,之後按Install

 

 

直接按finish就可以了






Step5.

安裝編輯器,我用的是visual studio code,也可以用別的像是Brackets、Sublime Text等等的,依自己喜好安裝。

 

Step6.

今日最後一個要安裝的軟體,但安裝之前要先申請github的帳號

 

申請好後就來下載git吧,聽說它會偵測你電腦是哪種系統,顯示適合下載的版本,我是Window,所以它顯示window的版本,天啊!!這會不會太厲害了。

 

 

按NEXT

 

 

這裡我一樣選擇安裝在D槽

 

 

第一個可以依自己的喜好勾選,但我的桌面很多東西,所以我就不去勾選了。

 

直接按NEXT

 

 

這裡選第二個,之後的都直接NEXT到Install

 

今天安裝完需要的軟體了,之後要來用資料庫的設定喔。