Emmet 讓程式碼片段的功能更上層樓!你可以透過打出很像 CSS 的關鍵字,然後這個關鍵字會被動態解析,然後產生相對應的程式碼片段插入你目前游標所在的位置。你可以將你的游標移動到底下的 ul>li.item$*5
後面,然後按下工具列「編輯(E)」內的「Emmet: 展開縮寫」,然後你就會看到你原本打的縮寫變成了 HTML 程式碼囉!
小技巧:你可以透過 Emmet cheat sheet 來找到更多 Emmet 可以使用的關鍵字,除了從工具列的「Emmet: 展開縮寫」之外,你還可以用 來展開縮寫喔!更詳細的說明你可以看 Emmet in VS Code 文件。
有時候對你的 JavaScript 程式做型態檢查可以幫你找到你之前沒找到的錯誤,你可以讓 VS Code 對你的 JavaScript 程式碼執行 TypeScript 的型態檢查,你只需要在程式碼第一行加上 // @ts-check
就可以了。
小技巧:你還可以透過修改工作區或使用者的設定檔,修改
"javascript.implicitProjectConfig.checkJs": true
來對你的工作區或是你的使用者啟用型態檢查,這時候如果你有某些檔案需要忽略這個檢查,你就要在程式碼第一行加上// @ts-nocheck
或是// @ts-ignore
,你可以在 JavaScript in VS Code 找到更多相關說明。
明天待續…