[转]vscode必备插件,美化、炫酷、实用-留着防丢

news/2024/10/3 4:41:17

vscode必备插件,美化、炫酷、实用-留着防丢 - 知乎 (zhihu.com)

https://zhuanlan.zhihu.com/p/112016680
本篇文章只推荐看起来不错的插件,并不详细介绍插件的使用方法,插件的具体使用方法可以单独对其进行百度搜索。
当然,有啥问题也可以在下面评论,但我觉得可以百度的地方,尽量还是手动百度比较更容易解决问题...

——通用系列(适用于任何环境)——

1、Bracket Pair Colorizer:

给匹配的括号着色

2、Chinese (Simplified) Language Pack for Visual Studio Code:

适用于 VS Code 的中文(简体)语言包

3、Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将 banane 添加至检查器的字典中。

4、Indent-Rainbow

让缩进带有颜色

5、Material Icon Theme

好看的文件图标

6、Path Intellisense

自动完成文件名

7、Power Mode

不多说,看图,非常炫酷,这会让你成为你公司最靓的程序仔。

注:若觉得卡顿,可以设置把抖动去掉就不卡了。

动图
 
动图封面
 

8、TODO Highlight

TODO高亮显示

9、Trailing Spaces

突出显示尾随空格,让你的“空格”型强迫症 显示呈现。

10、Todo Tree

在树状视图中显示TODO

 

11、Prettier - Code formatter

更优雅的代码格式化。vscode 里比较优秀的一个格式化插件。

12、JSON5 syntax

让json也能写注释。需要把文件格式改为 .json5 。

13、Code Runner

这个插件可以直接运行所选中的代码。

假设要对某段代码片段进行test,我需要尝试当前环境下的语言(.dart)的输出语句是否是print(""),无论你在 .dart 文件的哪个位置写、无论你的其他地方的代码是否出错,只要选中代码的范围,右键 Run Code ,都能给你执行。

例如:只要选中这些字符,右键run code,就能直接输出结果。

 void main(List<String> args) {print("object");}

注意会每次执行run code,都会生成一个新文件tempCodeRunnerFile.xxx

14、A-super-translate

划词翻译。鼠标停留选中几秒就会查看翻译内容。

15、filesize

在状态栏中显示当前文件大小。

16、TabNine

Al辅助代码补全神器。可以根据你写过的代码习惯,来给你匹配合适的字段。

例1:红色框框是当前代码的习惯,绿色框框则是自动匹配的。

例2:

17、VS Code Counter

统计代码总行数、注释行数、空白行数,以及使用的语言。

使用方法:右键需要统计的文件夹—Count lines in directory

18、Rainbow Fart

官方概述:VSCode Rainbow Fart是一个在你编程时持续夸你写的牛逼的扩展,可以根据代码关键字播放贴近代码意义的真人语音。

使用方法(来自官方):

  1. 在 VSCode 的菜单栏中找到 查看 - 命令面板,或使用快捷键 Ctrl + Shift + P(MacOS Command + Shift + P)呼出 命令面板
  2. 在 命令面板 中输入 > Enable Rainbow Fart 并回车。
  3. 此时应该会弹出一个消息通知,点击通知上的 Open 按钮。
  4. 在打开的页面上点击 授权
  5. 享受编程吧!请尝试在 VSCode 中输入 function 关键字。
注意:网页页面必须保持打开状态才能在写代码时播放语音。

19、Better Comments

通过添加彩色注释来改进您的代码并使其更具吸引力。

20、Error Lens

将编辑器诊断出的警告、错误、语法问题(提示的波浪线)等,以用颜色填充行背景的方式突出提示,并将诊断信息显示在尾部。

21、Markdown Preview Enhanced

非常好用的 Markdown 预览插件,预览窗口内置于 vscode 中。

22、Peacock

给不同的工作区设置不同的颜色。

这对前后端分离项目,或多项目需求的人来说非常好用。

注:选择颜色的时候按键盘上下可以预览。

22、会了吧

没错,名字就是“会了吧”。

打开源码可以自动分析所有包含的英语单词,并显示解释结果,还可以添加已经会的单词。

23、open in browser

用浏览器打开当前脚本文件。

 

待续...


—— dart + flutter 插件系列 ——

1、flutter

提供 flutter 框架支持(会自动安装 dart 插件)。

2、dart

提供 dart 语言支持。

3、Awesome Flutter Snippets

快速构建 Flutter 代码片段。

动图封面
 

4、flutter code select

按 alt+a 可在方括号之间快速选择代码。更多的选择方式可详看插件说明。

动图封面
 

 

—— kotlin 插件系列 ——

1、Kotlin Language

提供 Kotlin 语言支持。

 

—— laravel 插件系列 ——

1、Laravel Blade Snippets

快速构建 laravel 代码片段、基于laravel 框架的语法高亮支持。

2、Laravel goto view

按住 crtl 并鼠标点击所调用的view方法时,可以跳转并定位至对应的view脚本。

 

—— PHP 插件系列 ——

1、PHP Intelephense

提供 PHP 脚本语言的代码智能提示、格式化、跳转至定义、类搜索等功能支持。

跳转功能需要配置,不详解释,自行百度。

 

待续...(划掉)

不好意思各位,转 idea 了,项目大了idea 真是强。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/29272.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

应急响应web1

应急响应的过程 目的:分析攻击时间、攻击操作、攻击结果、安全修复等并给出合理的解决方案。 保护阶段:直接断网,保护现场,看是否能够恢复数据; 分析阶段:对入侵过程进行分析,常见的方法为指纹库搜索、日志时间分析、后门追查分析、漏洞检查分析等; 复现阶段:还原攻击…

FTP主动模式和被动模式(3)NAT对FTP的影响 - NAT ALG

NAT对FTP的影响 NAT环境下FTP存在的问题 FTP主动模式 FTP服务器在外部网络 在FTP主动模式下,如果网络中存在NAT,且FTP客户端在NAT内部网络中,那么FTP数据连接会出现下面的问题,如图:内部网络中的FTP客户端和外部网络中的FTP服务器端通过NAT地址转换是可以正常建立控制连接…

python读写json文件

1. 新建json文件打开记事本,重命名为.json后缀 使用的样例如下,注意看json文件格式:{"server":{"host": "example.com","port": 443,"protocol": "https"},"authentication":{"username":…

FTP主动模式和被动模式(2)- 防火墙对FTP的影响 ASPF

防火墙对FTP的影响 ASPF 多通道协议 应用层程序有些使用的是单通道协议,有些使用的是多通道协议。单通道协议 例如http协议,整个协议交互过程中,服务端和客户端只建立一个连接,并且服务端固定使用一个端口,例如80端口,这种一般为单通道协议; 防火墙一般都需要配置精细的…

微信小程序导出Excel文件并转发给好友

需求: 小程序的列表页面增加导出功能,点击“批量导出”按钮,则自动生成导出文件,然后自动调起微信好友列表,然后可以将文件发送给微信好友 解决方案: 由于列表数据是分页加载,所以导出直接由后端同学进行生成并返回url,则我们前端同学只负责下载wx.downloadFile并转发wx…

前端报错

一、加载控制台报错,但功能好像还都正确。 原因:组件还没加载就访问,是会报类似如下的错

在云打印服务平台上打印资料有什么优势?

随着移动互联网和电子商务的发展,现在有越来越多的用户选择在网上购物。而对于学生们来说,现在也有越来越多的同学们开始去网上打印。而云打印的出现,让这些网上打印资料的学生选择了云打印服务。那么在云打印服务平台上打印资料有什么优势?今天小易就带大家来了解一下。 在…

你的许可证不是正版,你可能是盗版软件的受害者?

你的许可证不是正版,你可能是盗版软件的受害者? 问题分析 有的用户在使用 Office 时可能会遇到许可证问题,可能是弹窗,也有可能是横幅。 我们不讨论以前是什么样,现在是这样的: 微软为了遏制 KMS 盗版过于横行,封禁了使用 KMS 工具进行激活的手段,因为使用 KMS 工具激活…