---
# System prepended metadata

title: '[ 安裝教學 ] 在 VScode 用 SFML (Windows)'

---

# [ 安裝教學 ] 在 VScode 用 SFML (Windows)
> 參考影片: https://www.youtube.com/watch?v=Ptw1KKI9_Sg
> P.S. 影片的版本不是最新版！但步驟差不多
## 下載需要的東東
1. 看要安裝哪一版 SFML
    - 電腦按 `Win + R` → 輸入 `msinfo32` → 看「系統類型」
        - 現在應該都是 x64 ( 32bit 和 64bit 都可以跑 )
        - x86 只能跑 32bit
        
2. 去 [SFML 官方網站](https://www.sfml-dev.org/download/sfml/3.0.0/) 下載需要的 MinGW 和 SFML 
    - 建議不管你有沒有 MinGW 都重裝成他給的這個
    - 照第一步的看自己要裝 32bit 還是 64bit 
    - 藍色是 32bit 的 黃色是 64bit 的
![image](https://hackmd.io/_uploads/S18-zhwlxe.png)

## 整理需要的東東
3. 下載後兩個資料夾都解壓縮點兩下進去，把裡面的資料夾 `mingw64` 和 `SFML-3.0.0` 丟到 C 槽 ( 會長得像下圖這樣 )

![image](https://hackmd.io/_uploads/ByaOXhwlxl.png)



## 設定環境變數

4. 去設定搜尋 `環境變數`
5. 打開環境變數 ( 左圖 )
6. 在系統變數的地方找到一個叫 `Path` 的東西 ( 右圖 )
    - `Path` 右邊那串跟我的不一樣是正常的

![image](https://hackmd.io/_uploads/HkVMUnDexx.png)

7. 把剛剛放在 C 槽的兩個檔案路徑加上去 ( 後面要加 `\bin`  如下圖 )
    - 如果你本來就有 MinGW 系列的 Path 要記得刪掉！
    - 留 SFML 需要的這個版本就好 
9. 記得按確定！沒按就等於沒設定 要記得按！

![image](https://hackmd.io/_uploads/SJlxI3Dxxx.png)

10. 弄完之後可以去 cmd 用 `g++ --version` 看一下版本對不對 ( 不對的話應該是環境變數沒設好 )

## VScode 設定
11. 去 VScode 按 `Ctrl + Shift + P` 輸入 `C/C++: 編譯組態(UI)` 
12. 點他一下然後不要理他
13. 去點旁邊工作區的 `.vscode` 資料夾
14. 找到一個檔案叫 `c_cpp_properties.json`
15. 在includePath 的地方加上 `"C:\\SFML-3.0.0\\include"`

![image](https://hackmd.io/_uploads/SkTNY3wele.png)


16. 記得 `Ctrl + S` 存檔！

## 編譯和執行
以下的指令都是打在 terminal 裡面！

17. 要先用 `g++ -IC:\SFML-3.0.0\include -c main.cpp -o main.o` 產生一個叫 main.o 的物件檔

18. 再用 `g++ -LC:\SFML-3.0.0\lib .\main.o -o game.exe -lmingw32 -lsfml-graphics -lsfml-window -lsfml-system -mwindows` 產生一個叫 game.exe 的執行檔

19. 最後用 `./game.exe` 執行

20. 大功告成！