產業資訊服務 11/29 12/6

[本文連結](https://hackmd.io/@RogerChao/HkxbiHErT)

## 1.安裝VS Code (11/29)

### 1.1 共用碟

### 1.2 裡面有vscode Apache PHP

### 1.3 一路按下去 VSCode

### 1.4 設定VSCode

開啟畫面之後 左下角有延伸模組，請再延伸模組裡面搜尋traditional, 出現繁體中文套件，請安裝


安裝完畢之後，點選下面視窗，確認更換語言及重啟


## 2.設定Apache (11/29, 12/6)
### 2.1 複製展開到本機磁碟

解壓縮之後

目標是在C:\server\Apache24 <-- 路徑中有這樣一個資料夾
許多人會解壓縮server 後 變成C:\server\server\Apache24 ，這樣跟預設的路徑不符合，會無法開啟Apache

### 2.2 Apache24設定 (11/29, 12/6)
針對Apache24\conf\httpd.conf 進行設定，先找到該檔案，並且拉近VSCode中進行編輯


請確認你的Sever路徑是Apache24的位置
Define SRVROOT "c:/server/Apache24" (檔案中應該已經修改成這個路徑)

### 2.3 電腦中的捷徑
<font color='red'>（如果只是暫時開啟Apache 而非長期啟用，則可以跳過此步驟）</font>

如果將Apache變成服務(一啟動就執行，重開機也不用擔心)，便需要要在任何地方都能執行httpd.exe ，在Windows當中，必須設定環境變數讓這些路徑下的檔案都能直接啟動


下面的路徑需要注意資料夾名稱是 Apache24 或是Apache2454

### 2.4 執行httpd.exe

#### 1. 標準啟動方法
1.1. 先打開命令提示字元

1.2. 鍵入httpd.exe 啟動APACHE

用這樣的方法 可以確保如果有錯誤訊息時，可以查看

#### 2. 便捷啟動方法
直接到C:\server\Apache24\bin資料夾底下，搜尋httpd.exe 這個程式
啟動後，正常情況會開啟一個命令提示字元的視窗（黑底視窗)
有任何錯誤或者警示訊息都會顯示在這邊

#### 3. 開啟瀏覽器，迎接你本機伺服器的第一個網頁
在網址列打入localhost

#### 4. 特定電腦的問題
由於計中電腦部分有安裝TQC試題，因此Port 80受限
執行畫面會出現沒有權限

#### 5. 修改Apache24 Port為 88

修改httpd.conf 裡面的
listen 80 --> listen 88


再執行之，再使用Browser 打開localhost:88
顯示下列畫面及代表成功開啟本機端網頁

## 3. 編輯你的第一個網頁(12/6)

### 3.1 使用VSCode 開啟資料夾 htdocs


首次使用需要確認授權


按下確認之後，便可以從左邊資料列．看到你的第一個html (index.html)


這就是上一個步驟所顯示出來的It works!


### 3.2 修改index.html

可以嘗試修改，但是修改完記得存檔. 如果你的檔案名稱右邊有一個白色原點，代表已修改未存檔，你的網頁如何重整都不會顯示改變

按下快捷鍵ctrl+s 存檔後 ，重新整理網頁，即可看到更新


---
## 註:沒有連線網路磁碟機的怎麼辦

打開本機，然後網址列打共用碟ip

\\\192.83.181.198
出現在這台電腦上的所有共享資料夾


選擇419 右鍵選擇連線網路磁碟機

就可以將你的網路磁碟機救回