[{"data":1,"prerenderedAt":103},["ShallowReactive",2],{"\u002Fblog\u002F2026\u002Fvscode-extensions":3},{"id":4,"title":5,"body":6,"description":82,"extension":94,"meta":95,"navigation":98,"path":99,"seo":100,"stem":101,"__hash__":102},"blog\u002Fblog\u002F2026\u002Fvscode-extensions.md","分享我前端开发用的vscode扩展",{"type":7,"value":8,"toc":81},"minimark",[9,12,17,26,30,33,37,40,44,47,50,53,57,60,64,67,71,74,78],[10,11,5],"h1",{"id":5},[13,14,16],"h2",{"id":15},"vue-official","Vue - Official",[18,19,20,21,25],"p",{},"Vue 3 项目必装，写 ",[22,23,24],"code",{},".vue"," 文件时的类型提示、跳转和诊断都更稳定。",[13,27,29],{"id":28},"eslint","ESLint",[18,31,32],{},"可以直接在编辑器里看到代码规范问题，配合项目里的 ESLint 配置一起用很方便。",[13,34,36],{"id":35},"error-lens","Error Lens",[18,38,39],{},"会把报错信息直接显示在代码旁边，定位问题更快。",[13,41,43],{"id":42},"git-graph","Git Graph",[18,45,46],{},"可以用图形化的方式查看 Git 提交记录、分支关系和合并历史。",[13,48,49],{"id":49},"git-commit-plugin",[18,51,52],{},"提交代码时可以辅助生成更规范的 commit 信息。",[13,54,56],{"id":55},"comment-translate","Comment Translate",[18,58,59],{},"可以更方便地翻译英文注释。",[13,61,63],{"id":62},"file-nesting-updater","File Nesting Updater",[18,65,66],{},"文件嵌套功能，使您的文件树更加整洁。",[13,68,70],{"id":69},"vitesse-theme","Vitesse Theme",[18,72,73],{},"vscode 主题。",[13,75,77],{"id":76},"catppuccin-perfect-icons","Catppuccin Perfect Icons",[18,79,80],{},"vscode 图标。",{"title":82,"searchDepth":83,"depth":83,"links":84},"",2,[85,86,87,88,89,90,91,92,93],{"id":15,"depth":83,"text":16},{"id":28,"depth":83,"text":29},{"id":35,"depth":83,"text":36},{"id":42,"depth":83,"text":43},{"id":49,"depth":83,"text":49},{"id":55,"depth":83,"text":56},{"id":62,"depth":83,"text":63},{"id":69,"depth":83,"text":70},{"id":76,"depth":83,"text":77},"md",{"date":96,"time":97},"4-5","3min",true,"\u002Fblog\u002F2026\u002Fvscode-extensions",{"title":5,"description":82},"blog\u002F2026\u002Fvscode-extensions","-urOHW_VoKHSZWdoTmqGjpUhisII_i2Y-GcLR54b8L8",1779434092963]