业界动态
VSCode最全实用插件
2024-11-19 03:04

VSCode最全实用插件

VSCode最全实用插件

安装后,按快捷键Ctrl+Shift+P,输入

VSCode最全实用插件

可以让我们的vscode配置同步到云端,当我们跟换电脑或者再次安装vscode的时候,只需要登录账号即可同步配置了

VSCode最全实用插件

VSCode最全实用插件 编程时间及行为跟踪统计 VSCode最全实用插件

VSCode最全实用插件 HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

自动闭合HTML/XML标签 VSCode最全实用插件

更改 HTML/XML 标签名时,自动更新相对应的开始标签或结束标签的标签名 VSCode最全实用插件

VSCode最全实用插件

可以在vscode里面打开浏览器,一边编码一边查看 VSCode最全实用插件

可以在vscode里面进行接口调试,提供丰富的api配置方式,让我们不用离开编辑器也可以随时调用接口调试

新建一个.http文件,写下基本的测试代码,点击 Send Request即可在右边窗口查看接口返回结果,非常nice

VSCode最全实用插件

VSCode最全实用插件

文件比较 VSCode最全实用插件

可自动完成导入语句中的npm模块 VSCode最全实用插件

快速打开html文件到浏览器预览 VSCode最全实用插件

自动提示文件路径,支持各种快速引入文件 VSCode最全实用插件

鼠标悬浮在链接上可及时预览图片 VSCode最全实用插件

为 Javascript、Typescript、HTML、React 和 Vue 提供了 ES6 的语法支持 VSCode最全实用插件

VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能 VSCode最全实用插件

vue3插件,内含语法高亮,智能提示,

vue2代码补全 VSCode最全实用插件

vue3代码补全

vue快捷键

如:vbase、vdata、vmethod等等 VSCode最全实用插件

vue3插件 VSCode最全实用插件

微信小程序代码辅助,代码片段自动完成 VSCode最全实用插件

微信小程序wxml格式化以及高亮组件(高度自定义) VSCode最全实用插件

在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。

uniapp片段提示

Flutter代码支持

无需离开编辑器,便可以打开 SVG 文件并查看它们

Regex Previewer 用于测试正则表达式。在编写正则表达式时,可以直接使用快捷键 Ctrl+Alt+M (windows)或者 ⌥+⌘+M(Mac)在编辑器右侧启动一个标签页,可以在这个标签页写一些正则表达式测试用例,写完之后,点击正则表达式上方的 Test Regex...,这时右侧标签页匹配到字符就会高亮显示:

VSCode最全实用插件

开发时我们可以能会遇到需要复制文件(组件)的情况,默认情况下,必须右键单击该文件,然后单击复制。右键单击要将文件复制到的文件夹,然后单击粘贴。再次右键单击该文件并重命名。

使用该插件,当右键单击文件时,将看到一个新的“Duplicate file or directory”选项。单击它,输入文件的新名称,然后按回车键即可。

在项目中导入多个包时可能会出现性能问题,import Cost 就用于查看将特定库导入项目的成本。该插件会显示导入库的大小,如果大小为绿色,则表示库很小,而红色表示库很大。

VSCode最全实用插件

从编程活动中自动生成的指标、见解和时间跟踪。它是一个开源项目,独立于网络环境,安全轻量。

VS Code Counter 插件用于统计项目代码的行数,安装插件之后,右键点击需要统计代码的文件夹,选择“Count lines in directory”,这时就会在项目根目录出现一个名为 .VSCodeCounter 的文件夹,包含了不同格式的结果,编辑器会打开其中的的 .md 格式。结果中会显示代码总行数,不同格式文件行数,不同路径文件函数等。代码行数中有纯代码行数、空白行数、注释行数。

VSCode最全实用插件 中文一键翻译转换成常用大小驼峰、蛇形等格式。 VSCode最全实用插件 安装好插件后,设置好翻译配置

VSCode最全实用插件

选择需要翻译的内容,按快捷键就可以调出上面的翻译内容,选择你需要的就行了。





VSCode最全实用插件

VSCode最全实用插件

GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象

GitHistory可查看和搜索git日志以及图形和详细信息,同时还支持分支比较,分支管理等操作

在你选择查看的文件后,可以使用快捷键 Alt + H,将会在界面中的右侧显示当前文件的提交历史。

在代码文件右键鼠标一键格式化 html,js,css

Colorize 会给颜色代码增加一个当前匹配代码颜色的背景。它通过 CSS 变量、预处理器变量、hsl/hsla 颜色、跨浏览器颜色、exa、rgb、rgba和argb的彩色背景将 CSS 颜色可视化,帮助开发者快速区分颜色。

丰富注释颜色

自定义样式,需要写入配置代码

配置代码 使用// * 绿色的高亮注释复制代码TODO Tree

通过此插件,当鼠标悬浮在图片的链接上时,可以实时预览该图片,除此之外,还可以看到图片的大小和分辨率。

变量命名规范

会提示对应的不合理原因和改进方案

ES6语法智能提示,以及快速输入

规范js代码书写规则,如果觉得太过严谨,可自定义规则

ts的书写规范,这个插件是一个系列,同时还提供了TSLint (deprecated),TSLint Vue,TSLint Vue-TSX

是拼写检查程序,检查不常见的单词,如果单词拼写错误,会给出警告提示

在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,食用简单!

不光如此,还能生成一些特别有意思的注释,比如这一条喷火龙...

在 VS Code 中连续写代码一小时(时间可配置),会有杨超越提醒你该休息啦~

韭菜盒子,VSCode 里也可以看股票 & 基金实时数据,做最好用的投资插件

把掘金网站塞到VSCode里,并添加了更多乐趣!

小霸王是一款基于vscode的nes游戏插件,能让你在紧张的开发之余在vscode里发松身心。通过劳逸结合,提升开发效率。

可以在vscode里面快乐的书写Markdown,功能强大。丰富的快捷键,边写边看,轻松转化为html或pdf文件

可以将我们的代码转化成一张逼格满满的图片

WeRead for VSCode 微信读书 VSCode 插件

VSCode最全实用插件 在 vscode 上做算法题

一个用来追番的插件。

    以上就是本篇文章【VSCode最全实用插件】的全部内容了,欢迎阅览 ! 文章地址:http://sicmodule.glev.cn/news/10099.html 
     资讯      企业新闻      行情      企业黄页      同类资讯      首页      网站地图      返回首页 歌乐夫资讯移动站 http://sicmodule.glev.cn/mobile/ , 查看更多   
最新新闻
手机没电了图片(手机没电了图片卡通)
  关于《手机没电了图片》的文章  在当今数字化时代,手机已成为人们生活中不可或缺的一部分。然而,有时我们会遇到一些突发
你画我猜手机版(你画我猜手机版下载)
  《你画我猜手机版》:一场创意无限的互动游戏盛宴  随着移动互联网的普及,各种手机游戏如雨后春笋般涌现。其中,《你画我
怎么改手机解锁密码(怎么改手机解锁密码苹果)
  标题:《如何更改手机解锁密码》  随着科技的发展,智能手机已成为我们日常生活中不可或缺的一部分。为了保护我们的手机安
qq邮箱手机怎么看(qq邮箱手机怎么看发件箱)
  《QQ邮箱手机怎么看》  随着移动互联网的发展,越来越多的人开始使用手机进行日常的邮件管理。QQ邮箱作为一款广泛使用的邮
otg手机u盘(OTG手机U盘怎么使用)
  OTG手机U盘:移动存储的新时代  随着科技的飞速发展,我们的生活越来越离不开电子设备。其中,手机已经成为我们日常生活中
异形手机(异形手机版下载)
  《异形手机:重塑移动科技的新视界》  随着科技的飞速发展,手机作为我们日常生活中不可或缺的一部分,其形态和功能也在不
手机qq邮箱怎么弄(手机上qq邮箱怎么弄)
  《手机QQ邮箱怎么弄》  一、下载与安装  首先,你需要在你的手机上下载并安装QQ邮箱应用。你可以在应用商店中搜索“QQ邮
手机屏摔碎了(手机屏摔碎了图片)
  《手机屏摔碎了》  在当今信息化时代,手机已经成为人们生活中不可或缺的一部分。然而,随着使用频率的增加,手机意外跌落
三星t108手机(三星t108手机图片)
  三星T108手机:科技与美学的完美结合  在当今智能手机市场,三星T108手机凭借其卓越的性能和出色的设计赢得了消费者的广泛
华为手机wifi连不上(华为手机wifi连不上网)
  关于华为手机WiFi连接问题的探讨  在当今数字化时代,智能手机已成为人们生活中不可或缺的一部分。然而,使用华为手机时遇