vscode IDE 能用的上的扩展工具功能介绍

记录分享vscode扩展，包括提升开发效率。必备。主题美化。ChatGPT等。 

参考 vscode-extensions [Best] 记录分享方式，整理自己用的扩展，还有一键备份和还原方法。

---

⭐快速下载和使用扩展

---

---

后面会介绍很多vscode扩展.这裡有一个技巧，可以快速下载很多扩展，不用一个一个找.

如果以后想把旧电脑的扩展转移到新电脑上，也可以用这个方法

• 您可以下载此附带的 .ps1 文件，并按照下面的第三步排除您不需要的扩展.
• 在extensions.ps1文件中，每个扩展名都有注释.请在执行安装命令前删除不需要的.

• https://www.aliyundrive.com/s/xzCz6fu4r3Q
• 提取码: qe20 

方法:

1. 访问当前电脑上vscode的所有扩展，并输出为文本. 在终端（powershell）输入如下命令: code --list-extensions | ForEach-Object {"code --install-extension $_"} > extensions.ps1

2. 命令执行后会在当前目录下得到extensions.ps1文件（文件名在执行命令时定义）.

3. 在新电脑的终端（powershell）中输入以下命令: ./extensions.ps1

4. 下载完成

 

---

❄️透明效果

---

透明效果很赞.

可以当个懒人工具（边看视频边码字~）.

您可以在编码和观看时使用自己的桌面背景Gura.

---

GlassIt-VSC

| 用法: ctrl+alt+z:降低饱和度（透明） ctrl+alt+c:增加饱和度（不透明），这个是IDE透明效果。

 

background-cover

|用法：ctrl + shift + P > "backgroundCover - start"，根据提示进行操作，非常方便。这个是添加图片透明效果。

PS:还有一个background插件需要修改setting.js文件，博主比较懒就用这个方便。

 

---

主题

---

使用vscode最大的原因就是要有eye-catching, elegant, comfortable, pleasant editing interface. 只有好看的编辑环境才能让coder愿意敲键盘~

接下来笔者将自己喜欢的主题一一分享给大家（以下示例均基于Python，不同语言可能略有差异）

哦！稍等一下，这裡有一个快速切换主题的方法.毕竟你可能每天都想换主题~~

快速切换主题

"ctrl+shift+p": 打开vscode命令输入框

"Preferences:Color Theme": 进入并选择你想要的主题

或者点击设置也会出现快速选择

ButterTheme

• 顾名思义，这是一款不伤眼的奶油黄色主题
• 非常难得的一个主题（说白了，用的人不多），但是作者很喜欢
• 如果找不到这个主题，链接

​

Dracula Official

• 非常有名，粉色和紫色吸血鬼色

 

Panda Theme

• 湖綠  的一流主題:
• 這個主題真不錯！

 

Tearz

• 有點類似於之前推出的萌木主題
• 不過這個紫色真的很吸引作者~

 

---

 美化编辑器和编辑环境

---

装修完我们的编辑器，接下来要介绍的插件不仅可以增加美感，还可以提高工作效率~

Color Highlight

• 如果你是前端工程师或数据分析师，经常需要做视觉工作，一定要下载这个！
• 编辑的时候，只要出现一个16进制的颜色表达式，就可以清楚的看到颜色（不用跑代码看颜色好看不好看）.

  

vscode-icons

• 不同的文件扩展名有不同的图标
• 不仅好看而且可以更快地找到文件.
• 与 Material 主题图标略有不同
• 作者比较喜欢用这个~

---

 必备！强烈推荐！

---

下面要介绍的插件真的好用！

其中绝大多数都可以提高开发效率，千万不要错过

Code Runner

• 相信用过VSCode的朋友对这个插件应该不会陌生吧！？
• 允许VSCode一键执行程序.
• 支持多种语言，如C、C++、Java、JavaScript、PHP、Python、Perl...etc.
• 支持多种语言，如C、C++、Java、JavaScript、PHP、Python、Perl...等。

 

Comment Divider

• 用快捷键生成好看的评论样式.
  如下图，可以看到两种样式:Shift+Alt+x和Alt+x.

 

autoDocstring - Python Docstring Generator

• 该插件是为Python开发者引入的.
  使用快捷键快速生成 Docstring 风格的注释.
  描述函数的用途、参数、返回值等信息.
  支持不同的Docstring风格，如google、sphinx、numpy等.

使用方法:在要生成评论的地方按下面的键 Windows:ctrl+shift+2 Macbook:cmd+shift+2

 

Draw.io Integration

• 流程图绘制工具
  设计项目时，可以使用本插件规划可行性.
  可以作为笔记工具使用.
  支持很多常用的模式，比如穀歌云平台代表功能符号（如图）.

 

Path Intellisense

• 编码时有这个插件真的很棒 
  适合经常读写文件的码农.
  写路径时，会自动列出你要查找的路径下的文件.

 

---

大数据，AI工程师 - Jupyter (Python)

---

这裡介绍的插件真的很给力！

笔者知道很多使用Python的人都不习惯使用vscode，原因有很多:

• 互动模式
• 查看变量数据类型和变量值（就像在Spyder、Pycharm中一样）
• 逐行执行代码，执行部分代码（真的很实用，比Debug还厉害~)

该插件提供以下功能:

• 交互模式
• 查看变量数据类型和变量值（就像在 Spyder、Pycharm 中一样）
• 逐行执行代码和执行部分代码（真的很实用，比Debug还厉害~)

如果你能看懂中文，建议花5分钟快速学习如何使用Jupyter插件（查看链接)

---

Git、Markdown Support  

---

下面介绍的插件对于从事Github或Gitlab项目的开发者来说是必不可少的.

GitLens

• 下载后，脚本代码会显示哪些部分被修改，谁做了修改，何时修改了.
• 注意屏幕右侧的代码.170行有一条绿线表示有新增代码的记录（红色表示删除代码）.
• 请记住使用 git 跟踪项目以使该插件工作.

 

Markdown Preview Enhanced 

• 写入.md文件时，可以预览结果.
• 按 ctrl+k，然后按 v 打开预览窗口.
• 下图中间为.md文件，右侧为预览窗口.

---

 

Fixer (Fix Vscode Corrupt)
 修复程序（修复vscode损坏）

---

 有时，在卸载插件时，VS Code 窗口的右下角会出现如下错误信息:

反思了一下，应该是安装的background插件，把vscode软件本身的核心文件给修改了。但是其实这个不用卸载重装，会很麻烦。下面是我的解决步骤，有同样问题的兄弟姐妹们可以参考一下。

您可以使用以下方法解决此问题:

用法:

1. 下载修复 VSCode 校验和插件.
2. ctrl+shift+p: 打开命令调色板.
3. Fix ChecksumS: Apply: 执行修复.
4. ctrl+shift+p: 打开命令调色板.
5. Developer: Reload Window: 重启 VS Code.

翻译过来是：校捡和应用。请重新启动VSCode以查看效果。 

重新启动我们的codejs就可以了~