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就可以了~

 

 

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

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

相关文章

为什么二极管具有单向导通性

大家都知道二极管具有单向导通性,比如一个双极性的信号通过二极管后会变成一个单极性的信号。 为了弄清这个问题先来看一下二极管的构成。 在纯净的硅晶体中掺入五价元素,比如磷,就形成了N型半导体,掺入的五价元素多余的电子很容…

uboot移植Linux-SD驱动代码解析

一、uboot与linux驱动 1.1、uboot本身是裸机程序 (1)狭义的驱动概念是指:操作系统中用来具体操控硬件的代码叫驱动 广义的驱动概念是指:凡是操控硬件的代码都叫驱动 (2)裸机程序中是直接使用寄存器的物理地址来操控硬件的,操作系统中必须通…

实时聊天如何做,让客户眼前一亮(一)

网站上的实时聊天功能应该非常有用,因为它允许客户支持立即帮助用户。在线实时聊天可以快速轻松地访问客户服务部门,而它也代表着企业的门面。 让我们讨论一下如何利用SaleSmartly(ss客服)在网站中的实时聊天视图如何提供出色的实…

纯前端JS实现文件上传解析渲染页面

AI真的能代替前端吗? 回答:不会完全代替 能用吗?复制到项目中只会报错 爆红 ……他完全不能理解你需要什么JavaScript(简称JS)是一种轻量级的脚本语言,主要用于在Web页面上添加交互行为。它由三个不同的…

项目环境配置、不知晓问题自己搜索后得到的解答

目录 Anolis OS龙蜥操作系统 Kernel Selection 4.18.0(RHCK) Compatible with RHEL (kernel-4.18.0) 4.19.91(ANCK) Support Anolis OS verified platform (kernel-4.19.91) 这两个内核选择哪个比较好呢? 我的C盘有些满,我该如何删除一些我需要的东西…

家用洗地机哪个好用?家用洗地机分享

洗地机是一种代表现代化清洁的设备,它具有高效、环保、经济、智能等多种特点。洗地机可以为您提供先进的清洁技术和设备,为您的清洁工作提供有力的支持。洗地机可以适应不同场所和建筑物的需求,提高工作效率和卫生形象。因此,选择…

logstash介绍和使用-ELK文章2

官方 Logstash 是免费且开放的服务器端数据处理管道,能够从多个来源采集数据,转换数据,然后将数据发送到您最喜欢的“存储库”中。 下载和文档:https://www.elastic.co/cn/logstash/ docker部署:https://hub.docker.…

Linux中信号的基础知识

信号的概念 Linux操作系统中,信号是一种进程间通信(Inter-Process Communication, IPC)机制,用于向其他进程发送通知或指示,通常是为了通知特定事件的发生,如程序终止、用户按下特定按键等。信号提供了一种…

在字节跳动做了6年软件测试,4月无情被辞,想给划水的兄弟提个醒

先简单交代一下背景吧,某不知名 985 的本硕,17 年毕业加入字节,以“人员优化”的名义无情被裁员,之后跳槽到了有赞,一直从事软件测试的工作。之前没有实习经历,算是6年的工作经验吧。 这6年之间完成了一次…

浅谈springboot启动过程

1. 知识回顾 为了后文方便,我们先来回顾一下spring的一些核心概念。 spring最核心的功能无非是ioc容器,这个容器里管理着各种bean。ioc容器反映在java类上就是spring的核心类ApplicationContext。ApplicationContext有众多的子接口和子类,不…

文旅数字人出圈不断,文旅数字人宣传片制作赋能数字文旅新业态

在文旅产业发展中 数字人的应用越来越广泛 文旅借助数字人浪潮 把传统文化与科技相融合 以Z世代年轻群体所喜爱的方式 推动文旅数字化发展 文旅数字人应用场景——数字人文旅宣传片 可以让数字人作为文旅宣传片主角,串联当地代表性的历史文化地标、现代都市场景…

sensor的感光原理

文章内容来自网络,联系我可以删掉。 目录 CMOS sensor上有什么? 不同像素对应的图像质量: 像点感光原理: Bayer格式变换成RGB格式: CMOS sensor上有什么? CMOS sensor 通常由像敏单元阵列、行驱动器、…

第10章:数据处理增删改

一、插入数据 CREATE TABLE emp1 (id int(11) ,name varchar(15) ,hire_date date ,salary double(10,2) )1.添加一条数据 ①没有指明添加的字段,一定按照顺序添加 insert into emp1 values(1,wang,2000-4-4,5900)②指明添加的字段(推荐)…

【CSS3】CSS3 属性选择器 ( CSS3 简介 | 属性选择器 | 属性选择器权重 )

文章目录 一、CSS3 简介二、CSS3 属性选择器权重三、CSS3 属性选择器 一、CSS3 简介 CSS3 是在 CSS2 基础上进行扩展后的样式 ; 在 移动端 对 CSS3 的支持 要比 PC 端支持的更好 , 建议在移动端开发时 , 多使用 CSS3 ; PC 端老版本浏览器不支持 CSS3 , 尤其是 IE 9 及以下的版…

Qt5.9学习笔记-事件(五) 事件调试和排查

⭐️我叫忆_恒心,一名喜欢书写博客的在读研究生👨‍🎓。 如果觉得本文能帮到您,麻烦点个赞👍呗! 近期会不断在专栏里进行更新讲解博客~~~ 有什么问题的小伙伴 欢迎留言提问欧,喜欢的小伙伴给个三…

【超详细】【YOLOV8使用说明】一套框架解决CV的5大任务:目标检测、分割、姿势估计、跟踪和分类任务【含源码】

目录 1.简介2.环境安装2.1安装torch相关库2.2 获取yolov8最新版本,并安装依赖 3. 如何使用模型用于各种CV任务3.1 目标检测任务实现检测图片代码检测视频代码 3.2 分割任务实现分割图片代码分割视频代码 3.3 追踪任务3.4 姿态检测任务姿态检测(图片&…

数据结构之“树”——二叉树、红黑树、B树、B+树、B*树

这篇文章主要简单总结下二叉树、红黑树、B树、B树、B*树的基本结构和原理。 一、二叉树 二叉树就是度不超过2的树(每个结点最多有两个子结点)。 二叉树是有序树(二叉排序树),若将其左右子树颠倒,则成为另一棵不同的二叉树。 二叉…

php+vue+mysql医院医护人员医生排班系统

本医护人员排班系统管理员,医护。管理员功能有个人中心,医院信息管理,医护信息管理,医护类型管理,排班信息管理,排班类型管理,科室信息管理,投诉信息管理。医护人员可以修改自己的个…

「二线豪华」或成历史,理想反超沃尔沃再树「里程碑」

今年的上海车展,除了占据C位的新能源汽车,还有传统车企。 上海车展开幕前,沃尔沃汽车大中华区销售公司总裁钦培吉在新车发布会上直言:“新势力会的,我们三年就学会了;我们会的,新势力十年都学不…

Android安装apk出现 “安装包无效”或“安装包不兼容”的解决方案

Android 安装apk出现“安装包无效”或“安装包不兼容”解决方案 1. 问题出现2. 配置 build.gradle3. 生成Signed APK 1. 问题出现 使用Android Studio安装apk到手机一切正常,但是分享出去出现安装apk出现“安装包无效”或“安装包不兼容”问题 这种情况需要我们设…