剛開始學HTML5?
瀏覽器:
瀏覽器推薦用Chrome,因為Chrome瀏覽器具有兼容性好、簡潔、快速等優點,無論是在啟動速度還是頁面解析速度還是Javascript執行速度上都優于大多數瀏覽器。
編輯器:編輯器推薦用Sublime或者Vscode,因為初學時總是需要在練習時快速看到做出的效果,而這兩款編輯器非常輕量,并且集成了大量提高編程效率的插件,有著不輸IDE的體驗。你可以一邊寫網頁的同時,一邊切到瀏覽器上馬上看到效果。
插件:1、如果是使用sublime編輯器的話可以考慮安裝Emmet、JSFormat、Ctags等插件提高工作效率。
Emmet可以為開發者提供一種非常簡練的語法規則,然后立刻生成對應的 HTML 結構或者 CSS 代碼;
JSFormat用來對 JS代碼進行格式化;
Ctags用來進行函數的快速跳轉,Alt/Ctrl+點擊函數名稱,會跳轉到相應的函數。
2、如果是使用Vscode編輯器的話可以考慮安裝Debugger for Chrome、HTML CSS Support、Auto Close Tag等插件。
通過Debugger for Chrome可以直接在 VSCode 中加上斷點進行debug,當代碼執行到你在 VSCode 中添加的斷點后,你可以直接在 VSCode 中進行單步調試;
在編寫css代碼時,HTML CSS Support可智能提示當前項目所支持的所有樣式;
Auto Close Tag適用于 JSX、Vue、HTML等語法,在編寫標簽并且鍵入 </ 的時候,可以自動補全需要閉合的標簽。
集成環境編輯器:如果不想用Sublime或者Vscode這些輕量編輯器的話可以考慮集成環境編輯器(IDE),例如Web Strom和Hbuilder,這些編輯器支持絕大多數的前端語言自動填充,可以很方便地進行程序的運行和調試。