# 臨時抱佛腳 ## 如何在 Mac 安裝環境 ### 開啟 Mac 內建的 Apache 伺服器 切換到 mac 內建的 apache 伺服器資料夾底下 ``` cd /private/etc/apache2 ``` 備份 apache 伺服器設定檔(cp 來源 目標位置) ``` sudo cp /etc/apache2/httpd.conf /etc/apache2/httpd.conf.backup ``` 開始編輯 apache 設定檔 ``` sudo vim httpd.conf ``` 在 iterm 按 `cmd + f` 搜尋 `#LoadModule php5_module libexec/apache2/libphp5.so` 删除行首的 `#` 輸入`i`可以轉換成編輯模式。(vim 的指令) 編輯完 `:wq` 存檔，不要存檔的話 `:q!` 編輯完成之後重啟 apache ``` sudo apachectl -k restart ``` 重啟完之後你就可以用 mac 內建的 apache 伺服器來執行 php 的程式 apache 的預設資料夾為 `/Library/WebServer/Documents/` 打開 [localhost](http://localhost/) 即可看到 it works! ``` cd /Library/WebServer/Documents/ ``` 打開資料夾 ``` open . ``` 把 emotions 解壓縮之後丟進去 開啟網址 [Emotions](http://localhost/emotions/) 即可看到執行畫面 ![](https://i.imgur.com/EFHxbIw.png) ### 其他小筆記 `cd`切換資料夾 `pwd`顯示路徑名 `ls`顯示資料夾內檔案 ### 如何 trace javascript code cmd + option + i 打開開發者工具 切換到 sources 的 tab ![](https://i.imgur.com/ofk0deO.png) 如何使用中斷點 trace 變數 ![](https://i.imgur.com/zMlHoEW.png)