VS Code 新手指南

如何讓 VS Code 更好用10倍?這裏有一份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:爲圓括號,方括號和彎曲的括號提供彩色;相同顏色表示相同級別的括號,孤立的右括號以紅色突出顯示,對寫 JavaScript 的人比較有用。
  10. Polacode-2019:可以把代碼保存成美觀的圖片,主題不同,代碼配色方案也不同,也可以自己設置邊框顏色、大小、陰影,在教程或者文檔中提供代碼示例時挺有用的。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章