一、插件
vetur\
VueHelper \
vue\
Turbo Console:Log ctrl+alt+l 疾速打印 \
Bracket Pair Colorizer : 函数块标识 \
微信小程序开发工具 \
easy less\
es5 to es6\
gitles:查看每行代码 git 日志 \
eslint\
掘金\
highthight Matching tag:高亮标签 \
http client:http 申请 \
http serve:给页面开启服务 \
anyrule:你要的正则表达式都在这里 \
live serve\
path Intellisense\
Quokka:是一个调试工具插件,可能依据你正在编写的代码提供实时反馈。它易于配置,并可能预览变量的函数和计算值后果。
Minify:压缩合并 JavaScript 和 CSS 文件的应用程序
Prettier – Code formatter:格式化,须要配置
Auto Import:主动去查找、剖析、而后提供代码补全。对于 TypeScript 和 TSX,能够实用。
Import Cost: 该插件会在行尾显示导入的包的大小。为了计算包大小,该插件要应用 Webpack 和 babili-webpack-plugin
IntelliSense for CSS class names in HTML: 基于你的我的项目以及通过 link
标签援用的内部文件,该智能插件提供 HTML 中 CSS class 名字的补全。
SVG Viewer
npm Intellisense: 导入语句主动补全 npm 模块名称。
Git Project Manager: 一键搜寻并关上某个的基于 Git 治理的我的项目
Git History
File Utils: 创立、复制、挪动、重命名、删除文件 / 文件夹。
CSS Peek: 能够在 HTML 中通过 CSS id 或则 class 来定位到其定义。
Debugger for Chrome: 用 Chrome 来 Debug 你的 JavaScript 代码,或则其它反对 Chrome Debugger 协定的平台。
Quokka.js: 实时执行 JavaScript 代码(做疾速的 demo 很有用)。
Trailing Spaces: 高亮那些冗余的空格,能够疾速删掉。
Code Runner: 反对多种语言的代码的立刻执行
filesize: 在状态栏中显示以后文件大小,点击后还能够看到具体创立、批改工夫
GitHub Copilot 弱小的代码提醒插件
codesnap 多功能代码截图
local history 右边栏查看文件批改历史,轻松复原之前某个版本
Postcode Postcode 可用于创立和测试简略和简单的 HTTP/s 申请,以及查看响应。
Todo Tree 它不仅帮忙咱们高亮一些特定的注解,在左侧菜单栏还能够疾速定位到该注解的地位!
Bookmarks 有时候写个性能,须要在以后页面不同的地位进行操作,打几个标记相互跳转,能够缩小鼠标滚动的低效
Git Graph vscode 状态栏可查看分支合并图
二、设置
1. 滚动代码标记块
ctrl+shift+p 关上 sticky scroll
滚动代码码时会主动展现代码块,这样为咱们浏览代码带来极大的便当