fbpx

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

那接觸的第一天,先來將環境建置好,雖然是一人作業,但第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!

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

Leave a Reply