1.編輯器
- Visual Studio Code（推薦）
- HBuilder
- Sublime Text
- Webstorm
- Dreamweaver
注:
①大多數編輯器有代碼提示功能，前期不建議大家使用代碼提示；
②Visual Studio Code工作界面默認是英文，需安裝Chinese插件;
具體步驟如下：
點擊被圈圖標，輸入框輸入chinese，點擊Install安裝
安裝成功后點擊Restart Now（重啟編輯器）搞定；
③寫完代碼需要用瀏覽器打開預覽，編輯器需要安裝open in browser插件
具體步驟如下：
點擊被圈圖標，輸入框輸入open in browser，點擊Install安裝搞定，此時在編輯器界面右擊會出現open in browser字樣，點擊即可打開默認瀏覽器；
2.瀏覽器
- 谷歌（推薦）
- 火狐
- IE（兼容使用）
注：
①作為即將成為程序猿的你，個人建議放棄電腦里的qq瀏覽器、360瀏覽器，想方設法把谷歌設置為系統默認瀏覽器（如果設置不成功找360電腦管家設置）；
②IE用來測試瀏覽器兼容問題；
3.切圖軟件
- Photoshop（推薦）
- Fireworks
注：
用來測量設計稿尺寸；