VSCode常用好用插件大全_vscode视频插件

收集整理了一份《2024年最新物联网嵌入式全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升的朋友。

如果你需要这些资料，可以戳这里获取

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

| Draw.io Integration | 画流程图 |
| Data Preview | 预览数据文件 |
| ESLint | 检查Javascript编程时的语法错误 |
| EditorConfig for VS Code | 代码风格统一 |
| filesize | 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间 |
| Format Files | 在侧栏文件夹右键，选择‘Start Format Files：This Folder’ 对文件夹所有的文件格式化 |
| Git blame | 编辑器左下角展示最近一次的编辑信息 |
| Git History | 以图表的形式查看 git 日志 |
| GitLens | 查看每一行代码的提交日志 |
| Git History Diff | 查看提交记录及比较代码 |
| Git Graph | 所有分支合并时间线轴 |
| Guides | 代码的标签对齐线。 |
| Highlight Matching Tag | 选中标签高亮标签对 |
| HTML CSS Class Completion | 为基于工作空间上的CSS文件的HTML类属性提供CSS类名称提示。 |
| HTML Boilerplate | 提供生成标准HTML样板代码。 |
| HTML CSS support | css 自动补齐 |
| HTMLHint | HTML 代码格式检测 |
| HTML Snippets | 支持HTML5标签提示 |
| htmltagwrap | 在选中HTML标签后按快捷键”Alt + W” 在外面套一层标签 |
| Image Preview | 鼠标移到路径里显示图像预览 |
| Indenticator | 突出目前的代码缩进深度 |
| Indent-Rainbow | 给缩进添颜色，更加直观的看到代码层次 |
| intelliSense for CSS class names in HTML | 把项目中 css 文件里的名称智能提示在 html 中 |
| Import Cost | 您查看导入模块的大小 |
| JavaScript (ES6) snippets | 支持JavaScript ES6 语法 |
| JavaScript (ES6) code snippets | ES6语法提示 |
| jQuery Code Snippets | jq代码段提示。 |
| JS-CSS-HTML Formatter | 代码格式化。 |
| koroFileHeader | 自动生成文档注释 |
| Live Server | 实时简易服务器 |
| Lodash | lodash 函数提示，输入下划线列出可用函数。 |
| Lodash Snippets | lodash 函数提示，输入函数名列表默认第一个是lodash的函数。 |
| Lorem ipsum | 快速填充文本 |
| Log File Highlighter | 日志文件(.log后缀的文件)高亮 |
| LeetCode | 刷算法题的插件 |
| local history | 查看本地历史代码 |
| markdownlint | markdown语法检测 |
| Markdown Preview Enhanced | 编辑器内看markdown编译出来的效果 |
| Markdown All in One | markdown编辑器 |
| Material Icon Theme | 文件目录图标美化 |
| MongoDB for VS Code | MongoDB 数据库支持 |
| npm Intellisense | 在import语句中自动完成npm模块引入的代码插件。 |
| Node.js Modules Intellisense | 可以在导入语句中自动完成JavaScript / TypeScript模块 |
| Output Colorizer | 输出提示的文字颜色有一些变化，方便获取关键信息 |
| open in browser | 在浏览器中打开，安装后在左侧目录中右键点击会出现 open in browser 选项。 |
| Path Intellisense | 文件路径提示。 |
| Prettier - Code formatter | 代码保存自动格式化 |
| Partial Diff | 文件比较 |
| Quokka.js | Quokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈 使用方法: ctrl+shift+p 输入 quokka 选择 new javascript 就可以了 |
| Polacode | 生成代码截图工具 打开文件在屏幕截图中选择想要的代码并复制它，转到 View> Command Palette，然后在框中输入> polacode 并选择 Polacode 选项。 它将创建一个单独的水平窗口。 点击窗口按 Ctrl + V 粘贴代码。 在代码下面，粘贴另一个窗口，会看到像图标这样的摄像头。 点击这个图标并保存图片。 |
| px to rem | px转换rem工具 |
| REST Client | 接口测试工具 |
| Regex Previewer | 这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。快捷键Ctrl+Alt+M呼出右边的并排文本框，左边窗口输入的正则会实时匹配右边文本内容 |
| Remote - SSH | 连接服务器管理文件 |
| Settings Sync | 多设备同步Vue插件 |
| Stylelint | CSS/SCSS/Less语法检测 |
| Sort Lines | 选中多行文字排序 |
| SVG Viewer | 此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。在svg文件上右键菜单选择"SVG Viewer: View SVG" |
| Surround | 在代码块中增加外包裹模板 |
| TODO Highlight | 高亮todo注释 |
| TODO Tree | todo树展示，快速定位到todo位置 |
| Toggle Quotes | 切换双引号、单引号、反引号 |
| Turbo Console Log | 快速添加 console.log 信息，js debug 必备 快捷键 ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log |
| Vetur | Vue 语法高亮显示, 语法错误检查, 代码自动补全 |
| VS Code CSS Comments | css代码注释。 |
| VSCode Google Translate | 多语言开发时，切换语言包。 |
| vscode-browser-plus | 在编辑器内预览HTML，通过开启端口(10086)监听当前打开项目的根目录，在编辑器内预览网站，省去了频繁切换浏览器、编辑器看页面效果，修改代码后自动刷新页面。 |
| vscode-fileheader | 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间 快捷键: Ctrl+Alt+i |
| vscode-icons | 设置目录列表文件类型图标 |
| vscode-spotify | 音乐播放控制器 |
| Window Colors | 打开多个窗口时显示不同的颜色 |
| wakatime | 编程时间及行为跟踪统计 |

React常用插件

名称	功能
Reactjs code snippets	代码提示
React-Native/React/Redux snippets for es6/es7	代码提示
Typescript React code snippets	tsx的react组件片段
CSS Modules	对使用了css modules的jsx标签的类名补全和跳转到定义位置

数据库常用插件

名称	功能
vscode-database	支持mysql
SQLite	支持sqlite
MongoDB for VS Code	支持MongoDB
Redis	支持Redis

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

如果你需要这些资料，可以戳这里获取

并且后续会持续更新**

需要这些体系化资料的朋友，可以加我V获取：vip1024c （备注嵌入式）

如果你需要这些资料，可以戳这里获取