圖片爲引用![在這裏插入圖片描述]()
- 包管理工具：可以使用別人開發的包使用，NPM等半自動化集成到我們的代碼中
- 前端性能測試：WeProject
- JS框架：JQuery，React
- JS/CSS預處理：處理跨瀏覽器，跨版本，使用通用預先設計通過一系列工具軟件變成可執行，高兼容
- 代碼質量：ESLint，代碼格式，安全性的檢查
- 構建工具：編寫好前端程序後，如何進行語法檢查，打包，打包後的格式，哪些庫需要加入與不加入
- 代碼測試：不依賴後端，完成前端的測試
- 核心：三劍客
- 編輯器：VSCode，WebStorm
- UI框架：使用規範的框架設計，bootstrap
- 響應式佈局：百分比編程
- 模板引擎：
- 瀏覽器刷新：編寫代碼後立即刷新，提高開發效率，Guard
- 版本控制：Git