1、安裝VS code ，並安裝相關外掛（主要是程式碼提示）

Auto Rename Tag

Debugger for Chrome

Document This

HTML CSS Support

HTML Snippets

jQuery Code Snippets

Path Intellisense

vscode-icons

安裝完成後就會有程式碼提示、以及以樹的形式 展示工程

2、編寫html 程式碼 （但是怎麼執行？）

1）右鍵不能執行

2）配置chrome 外掛 ，點選F5 也不能執行

3、Python http伺服器

1）點選終端，進入當前工程資料夾

2）輸入 python -m http.server 啟動 http 服務 （預設開啟 8000埠）

注： 本人 是 python3 ，python 2 不同（使用： python -m SimpleHTTPServer 8080）

4、開啟瀏覽器輸入 127.0.0.1:8080 ,訪問頁面；點選連結檢視資源

vs code 終端 實時顯示http請求

在vscode 中修改程式碼，不用重新啟動伺服器，python 伺服器自動部署，在瀏覽器重新整理就行。

VS code +python 開發前端真的方便