VS Code 插件开发概览

news/2024/11/2 4:27:34/

VS Code 插件开发概览

在这里插入图片描述

前言

VS Code作为开发者的代码开发利器,越来越受开发者的喜爱。像我身边的前端,每天80%的开发工作都是在VS Code上完成的。随着人们对它的使用,不再满足简单的优雅,舒服写代码这一基本需求。有些人利用它进行摸鱼,看小说,查股票,看文章,下五子棋。当你在VS Code的插件市场输入摸鱼二个字时,会有20多个插件供你选择。
本篇文章就来概述一下 VS Code的能力,并帮你快速建立插件文档的索引。

插件功能

插件能够实现以下功能

  • 自定义各类文件的图标和主题颜色
  • 添加自定义组件和UI
  • 使用html创建功能丰富的webview
  • 支持新的编程语言
  • 支持特殊的调试手段

组件的各大模块

案例大集合

插件的官方案例大集合 https://github.com/microsoft/vscode-extension-samples
看了这里提供的案例,能够了解大部分场景的开发范式。

每个插件的目录大致是相同的,这也是官方约定的标准插件目录。

UI组件

vscode提供了很标准的UI,在制作插件时要严格按照要求,比如图标的大小16*16的svg文件。

命令行工具

yogenerator-code

按照

# 安装依赖
npm install -g yo generator-code
yo code # 新建项目

按钮位置

你可以利用插件在vscode中注入很多的自定义按钮,各个位置。vscode支持的位置包括这些
https://code.visualstudio.com/api/references/contribution-points#contributes.menus

本地开发组件步骤

本地开发的步骤很简单

# 安装依赖
npm install -g yo generator-code
yo code # 新建项目

安装依赖后,按下F5键就会打开一个新的窗口,这是用于调试的。
修改代码后,重新reload 就能生效。

发布 https://code.visualstudio.com/api/working-with-extensions/publishing-extension

npm install -g @vscode/vscevsce packagevsce login <publisher name>vsce publish

When 条件

在注入按钮时有时需要一些条件判断,
比如,当前打开的是某类文件时,才会显示某个按钮。
这些判断条件的编写应该遵循以下这个文档
https://code.visualstudio.com/api/references/when-clause-contexts

插件的概览 指导
https://code.visualstudio.com/api/extension-guides/overview

能够使用的VS code api
https://code.visualstudio.com/api/references/vscode-api#tasks.registerTaskProvider


http://www.ppmy.cn/news/47088.html

相关文章

健康体检管理系统源码 PEIS源码 体检小结自动生成

健康体检管理系统源码 PEIS源码 数据对接 体检小结自动生成&#xff0c;商业源码&#xff0c;有演示&#xff0c;文档齐全。自主知识产权。 文末获取联系&#xff01; 一套专业的体检管理系统源码&#xff0c;该系统涵盖个人体检、团队体检、关爱体检等多种体检类型&#xf…

LinuxGUI自动化测试框架搭建(十四)-设计全局变量配置文件config.py

(十四)-全局变量配置文件设计config.py 1 设计目的2 设计思路3 设计过程3.1 创建config.py所在目录3.2 设置项目根目录3.3 设计配置文件目录4 目前config.py内容5 目前框架结构1 设计目的 我们使用一个文件config.py来存放全局变量,目的很简单就是提升代码的可读性、维护方…

过滤器Filter

文章目录 1. Listener监听器监听器Listener文档说明1.1 ServletContextListener监听器1.2 ServletContextAttributeListener监听器1.3 HttpSessionListener监听器1.4 HttpSessionAttributeListener监听器1.5 ServletRequestListener监听器1.6 其它监听器1.6.1 ServletRequestAt…

QS排名十年对比:美国大学最稳,中国大学进步最快

QS世界大学排名发布距今已有20年历史&#xff0c;迄今为止&#xff0c;全球已有超过90个国家和地区共1500多所大学进入QS世界排名。QS排名评估中所使用的5项评估标准基本保持不变。 QS使用5个关键指标来进行排名&#xff0c;包括学术声誉、雇主声誉、篇均论文引用、H指数和国际…

at单一次任务,crontab周期性任务 rhce(21)

目录 1.atd和crond两个任务管理程序的区别 2.指定在2023/08/26 09:00将时间写入testmail.txt文件中 3.指定在每天凌晨4:00将该时间点之前的系统日志信息备份到个目录下&#xff08;/var/log/messages&#xff09;&#xff0c;备份后日志文件名显示格式logfileYY-MM-DD HH-MM…

.class文件在线转成.java文件方法

使用背景&#xff1a; 工作中碰到老的项目就头疼&#xff0c;有些连源码都没有&#xff0c;解决bug只能从class文件反编译成java后&#xff0c;来读懂业务逻辑。 后来在网上找了一些工具来帮助class文件转码&#xff0c;有些遇到lamda表达式就转换错误&#xff0c;有些使用起…

torch.empty的作用:返回一个未初始化的Tensor

在官网查到torch.empty()的初始格式是empty(*size, *, outNone, dtypeNone, layouttorch.strided, deviceNone, requires_gradFalse, pin_memoryFalse, memory_formattorch.contiguous_format) -> Tensor。 返回一个充满未初始化数据的张量。张量的形状是由变量参数定义:att…

会话跟踪技术

目录 Cookie基本使用 Cookie原理 Cookie使用细节 Session基本使用 Session原理 Session使用细节 案例 用户登录注册案例 用户注册功能 保存用户信息到数据库 验证码-展示 验证码-校验 会话跟踪技术的概述 会话:用户打开浏览器&#xff0c;访问web服务器的资源&…