前端常用vscode插件

常规的

• html-snippets html代码片段
• JavaScriptSnippets JavaScript代码片段
• Color Picker 颜色选择器
• formate: CSS/LESS/SCSS formatter css样式美化
• CSS Peek css定位器
• prettier格式化代码
• Auto Close Tag自动关闭标签
• Auto Rename Tag 自动重命名成对的标签
• npm-intellisense npm模块导入智能提示
• path-intellisense 引用路径智能提示
• bracket-pair-colorizer-2 多层级括号彩色着色
• fileheader 添加文件头注释
• Chinese (Simplified) 简体中文语言包
• LiveServer 本地开发服务器
• open-in-browser 指定浏览器打开文件
• vscode-icons vscode文件图标

项目管理

• project-manager 项目管理

代码管理

• vue vue语法高亮
• beautify 格式化代码
• githistory 查看git历史提交
• gitlens 无缝导航和浏览Git存储库

vue

• DotENV .env文件高亮
• vetur 提供单文件组件代码高亮以及语法支持
• vue-vscode-snippets vue代码片段
• vue3-snippets vue3代码片段（包含vue2）

预览插件

• markdown-preview-enhanced markdown编辑和预览
• svg-preview SVG文件预览
• Image-preview 图片预览

其它

• code-runner 代码运行器 一键运行多种语言运行代码片段或代码文件
• trailing-spaces 尾部空格删除插件
• drawio drawio画流程图
• tabnine AI代码智能提示
• todo-highlight TODO展示
• import-cost 导入依赖包大小提示
• Regex Previewer 边写正则边看结果示
• vscode-faker 虚假数据生成
• git-extensions.zip