首页 > 其他分享 >[转]vscode必备插件,美化、炫酷、实用-留着防丢

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

时间:2024-05-09 10:33:23浏览次数:20  
标签:插件 Code vscode 代码 dart 炫酷

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 真是强。

标签:插件,Code,vscode,代码,dart,炫酷
From: https://www.cnblogs.com/xuweihui/p/18181582

相关文章

  • vscode快速生成文件/方法的插件
    需求背景编写完成一个代码源文件,他人想查看这个文件是谁编写的?、什么时候创建的?、最后一个编辑时间?等。如果文件所有者不写的话,你无法知道这些信息。我想在文件快速添加自定义头部信息以及函数注释信息,提供给自己和他人查询方便。当然我们可以一个一个字符敲上去,但是这种效率不......
  • vscode好用的快捷键
     查找某个文件使用快捷键  Ctrl+P 可以快速打开“在文件中查找”对话框。输入文件名或文件路径的一部分,并按下Enter。匹配括号匹配括号的默认快捷键是Ctrl+Shift+\。按下这个组合键时,光标会跳转到当前光标所在位置的括号的匹配处。如果你的光标在一个括号上,......
  • 免费的visual studio智能代码插件——CodeGeeX
    CodeGeeX是什么?什么是CodeGeeX?CodeGeeX是一款基于大模型的智能编程助手,它可以实现代码的生成与补全,自动为代码添加注释,不同编程语言的代码间实现互译,针对技术和代码问题的智能问答,当然还包括代码解释,生成单元测试,实现代码审查,修复代码bug等非常丰富的功能。CodeGeeX是一款基于......
  • vscode配置C环境
    已经安装了gccC:\Users\ychen>gcc-vUsingbuilt-inspecs.COLLECT_GCC=gccCOLLECT_LTO_WRAPPER=C:/msys64/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/13.2.0/lto-wrapper.exeTarget:x86_64-w64-mingw32Configuredwith:../gcc-13.2.0/configure--prefix=/mingw64......
  • jmeter插件管理器安装-Plugins Manager
    有些函数是jmeter自带函数,有些函数是自定义的需要通过插件安装的,例如jmeter没有自带base64加密函数,若要使用该函数,可以通过插件安装自定义函数1.下载jmeter插件管理器:https://jmeter-plugins.org/wiki/PluginsManager/ 2.重启在jmeter,在“选项”下显示插件管理器"Plugins......
  • 免费的visual studio智能代码插件——CodeGeeX
    CodeGeeX是什么?什么是CodeGeeX?CodeGeeX是一款基于大模型的智能编程助手,它可以实现代码的生成与补全,自动为代码添加注释,不同编程语言的代码间实现互译,针对技术和代码问题的智能问答,当然还包括代码解释,生成单元测试,实现代码审查,修复代码bug等非常丰富的功能。CodeGeeX是一款基于......
  • vsCode配置自动补全css兼容性代码 ,解决 Autoprefixer 3.0无效
    问题:使用vsCode编辑器,配置Autoprefixer3.0无法实现自动补全兼容性代码解决方法:将Autoprefixer3.0更换到2.0版本,再将网上冲浪的结果整理了一番,终于找到了解决办法,并进行以下步骤进行验证。解决步骤:1、首先搭建node.js环境2、打开vsCode搜索Autoprofixer,一般默认情况下都是最新版......
  • vscode/texstudio中实现latex字数统计的方法
    A:vscode 1.在这里免登录下载perl语言:[Download&InstallPerl-ActiveState](https://www.activestate.com/products/perl/),默认安装步骤并将其文件夹路径加入系统Path(使用ActiveState安装的perl其路径在一串杂码下,在安装完成后会显示这个路径,路径名称参见[安装ActiveState......
  • VSCode配置JetBrains Mono字体
    1.下载JetBrainsMono字体官网下载地址:https://www.jetbrains.com/lp/mono/2.在VSCode配置字体{"editor.fontFamily":"'JetbrainsMonoLight','YaHeiConsolasHybrid','CourierNew',monospace","terminal.i......
  • [UE 虚幻插件 DTPostgreSQL] PostgreSQL Connector 使用蓝图连接操作 PostgreSQL 数据
    本插件主要是支持在UE蓝图中连接和操作PostgreSQL数据库。下载连接在文章最后。数据库连接【CreatePostgreSQL】输入:Host:数据库IP地址。Port:数据库开放端口。User:数据库用户名。Password:数据库密码。DBName:指定连接的数据库库名。输出:Success:返回数据库是否......