使用方法:选中要包裹的代码,快捷键Alt+w,默认外包裹标签为p,可以在设置里搜索htmltagwrap将外包裹标签改为div 16.vscode-icons各种漂亮的图标 vscode-icons 17.filesize 左下角显示文件大小的插件 filesize显示效果 18.GitLens能显示每一行代码的作者以及提交时间。 19.Git historyGit 历史 20.VeturVue多功能集成...
可以在选中HTML标签中外面套一层标签 使用方法:选中要包裹的代码,快捷键Alt+w,默认外包裹标签为p,可以在设置里搜索htmltagwrap将外包裹标签改为div 16.vscode-icons 各种漂亮的图标 vscode-icons 17.filesize 左下角显示文件大小的插件 filesize显示效果 18.GitLens 能显示每一行代码的作者以及提交时间。 19.Git ...
alt + q (格式化代码,我自己配置的,当初觉得顺手就配成这两个,现在一直在用) alt + ↑↓ 快速移动当前行代码 alt + ←→ 移动光标之前之后的点(可以达到快速找到刚才写东西的地方,在vue中写template和script中来回穿梭有巨大帮助) ctrl + b 开启关闭侧边栏 ctrl + w 关闭当前页面 ctrl + f 搜索 (基本)...
将选择的代码包装在 HTML 标签中。 快捷键:“Alt” + “W”,可设置里更换默认标签。 14. Image preview 悬停显示图像预览。 15. Indenticator 突出显示当前的缩进深度。 16. JavaScript (ES6) code snippets ES6 代码片段。 为JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持。 17. JavaSc...
插件 1.Open-In-Browser 由于VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。 image image image 2.Quokka Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量...
使用:选择一大段代码,然后按“Alt + W” Image Preview > 鼠标移到路径里显示图像预览 Output Colorizer > 输出提示的文字颜色有一些变化,方便获取关键信息 Sass > sass必备 Image Preview > 鼠标移到路径里显示图像预览 Image Preview > 鼠标移到路径里显示图像预览 Live Sass Compiler > 实时编译 sass ,不过需...
git 日志插件 HTML CSS Support 在html 标签上写class 智能提示当前项目所支持的样式(必备) HTML Snippets html 代码片段(必备) htmlhint html代码检测 htmltagwrap 可以在选中HTML标签中外面套一层标签 使用:选择一大段代码,然后按“Alt + W” Indenticator ...
git 日志插件 HTML CSS Support 在html 标签上写class 智能提示当前项目所支持的样式(必备) HTML Snippets html 代码片段(必备) htmlhint html代码检测 htmltagwrap 可以在选中HTML标签中外面套一层标签 使用:选择一大段代码,然后按“Alt + W” Indenticator ...
git 日志插件 HTML CSS Support 在html 标签上写class 智能提示当前项目所支持的样式(必备) HTML Snippets html 代码片段(必备) htmlhint html代码检测 htmltagwrap 可以在选中HTML标签中外面套一层标签 使用:选择一大段代码,然后按“Alt + W” Indenticator ...