在最近的 JS 2019 報告中,VS Code 以壓倒性的優勢獲勝第一,今天,小編準備給大家推薦10款好用的插件,即使是讓小白也能快速上手、效率加倍。
1、Chinese(Simplified) Language Pack for Visual Studio Code
這個雖然是最基礎的,但是很有必要說一下。安裝之後一秒漢化 VS code ,再也不用擔心看不懂英文。
2、City Lights theme
這是一個不錯的主題插件,不過挑選主題還是看個人,也可以在直接搜索 「theme」得到很多主題,然後去找到合適自己的哦。
3、Beautify
這也是個神器,它可以放大標記,調整代碼間距,快速格式化代碼,可以讓雜亂的 HTML、CSS、JS代碼瞬間變得整齊,利於他人閱讀,也方便後期維護。
4、vscode-icons
設置文件圖標,根據各種類型的文件,設置對應的文件圖標,讓我們看文件列表的時候,一目了然,能快速找到需要的文件(特別是文件多,類型也多的時候)。
5、Image preview
光標懸浮在圖片路徑上時,顯示圖片預覽,這樣在敲代碼的時候一下子就能知道有沒有引用了正確的圖片或圖標,這個也是很有必要安裝的。
6、Code Spell Checker
日常敲代碼,很多命名都是使用英文單詞,即使是再細心的小夥伴,也有可能會拼錯。這個插件就是單詞拼寫錯時的拯救神器,它可以對錯的單詞進行標記,然後提示單詞的正確拼法。有了它,就不用再因為單詞拼錯,而很煩躁地找bug找半天了。
7、Live Server
做前端開發的時候,經常需要打開瀏覽器進行預覽和調試頁面。這個插件可以實現靜態、動態頁面的實時預覽,保存就能看見頁面更新,不需要手動去刷新,個人覺得很好用。
8、indent-rainbow
寫代碼的時候,能提示我們的縮進是否到位,每步交替四種不同的顏色,沒有到位的話顏色變紅,看著代碼整整齊齊的就很舒心。
9、Rainbow Brackets
Rainbow Brackets能為圓括號,方括號和彎曲的括號提供彩色;相同顏色表示相同級別的括號,孤立的右括號以紅色突出顯示,對寫 JavaScript 的人比較有用。
10、Polacode-2019
這個插件可以把代碼保存成美觀的圖片,主題不同,代碼配色方案也不同,也可以自己設置邊框顏色、大小、陰影,在教程或者文檔中提供代碼示例時挺有用的。
這10款VS Code插件,你收藏了嗎?如果還有什麼想要了解的,可以在下方評論留言給小編~