code spell checker

不管是自己的英文程度太差,還是粗心大意,把英文字拼錯是家常便飯, 這款擴充套件就是來幫助你的救星! 使用code spell checker馬上會幫你標出奇奇怪怪的單字, 讓你確定沒有不小心把1跟l搞錯,就debug一整天的那種尷尬事件!

live server

寫前端最需要的就是看到畫面٩(。・ω・。),و 每次如果都要自己在網址列找到檔案的位置才打開html, 那實在是太沒有工程師的效率了,簡直荒唐!! 當然要使用這款live server來架,馬上就可以看到自己的前端畫面, 而且儲存之後自動更新,根本神器。

material icon theme

沒有什麼其他的,純粹就是好看! 裝了這款之後可以讓icon變得比較不一樣,整天都跟程式為伍, 當然就是要追求好看的圖圖。

prettier - code formatter

超級讚的排版好物,懶得自己縮排了啦!就靠這款prettier, 讓你的程式從原本醜醜的排版, 最後,變成人類也能看懂的正常程式,必裝神器之一!

補充有人整理的

github

專案點這邊

影片分享

https://www.youtube.com/watch?v=xGE_M3R69YA [ Alex 宅抬槓 ] Visual Studio Code 外掛生存戰|從 2019 到 2020 前端開發必備安裝推薦

心得

以上都是寫程式過程中會發現的需求,自然會想要找擴充來安裝,提升效率、美觀, 利用這些擴充功能,寫程式的體驗真的變得很舒服呢(๑•́ ₃ •̀๑)。 未來如果有什麼新的,也會持續補充,也歡迎大家分享討論唷~~

按讚的人:

共有 4 則留言

很棒的分享,我在 VScode 主要也是裝一些 code syntax highlighting / fixer / prettier 輔助!

另外有幾個不錯的,順便講一下

Tabnine

https://www.tabnine.com/

這是 AI 輔助寫程式,有免費版,效果很好,我用半年之後,就升級付費版了!

Auto Close Tag

寫 html 很方便

Auto Rename Tag

寫 html 很方便


簡單拋磚引玉!

按讚的人:

我有裝『indent-rainbow』程式碼可以換漂亮的顏色~

按讚的人:

謝謝樓上分享耶 我來去找來玩~~感恩

按讚的人:

更一個 : 駝峰翻譯助手(簡體)
這超好用 有內建google翻譯免API 自己填GPT的好像也行 可以幫你把中文翻成英文 取變數需要 有時候會拼錯 或是忘記怎麼講 直接用就很爽 使用(win)快捷鍵:alt shift +t

按讚的人: