乐趣区

关于前端:前端人vscode-必备工具

一、插件

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

滚动代码码时会主动展现代码块,这样为咱们浏览代码带来极大的便当

退出移动版