添加如何配置工程和插件开发

This commit is contained in:
muruichao 2024-10-16 10:29:02 +08:00
parent 948df46a93
commit 57ba7c60d8
5 changed files with 901 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

View File

@ -0,0 +1,729 @@
# 如何配置工程的构建、调试、运行
## 目录结构
- [概述](#概述)
- [task.json](#taskjson)
* [简单理解](#简单理解)
* [task.json文件创建方法](#taskjson文件创建方法)
* [简单例子](#简单例子)
* [关键字提示和补全](#关键字提示和补全)
* [主要关键字(或称为字段、属性)说明(按字母序)](#主要关键字或称为字段属性说明按字母序)
* [使用变量](#使用变量)
* [task.json例子](#taskjson例子)
- [launch.json](#launchjson)
* [对launch.json的简单理解](#对launchjson的简单理解)
* [launch.json文件创建方法](#launchjson文件创建方法)
* [launch.json的简单例子](#launchjson的简单例子)
* [关键字(或称为属性、参数、字段)说明](#关键字或称为属性参数字段说明)
- [变量](#变量)
* [变量简介](#变量简介)
* [主要预置变量说明](#主要预置变量说明)
* [环境变量](#环境变量)
* [配置类变量](#配置类变量)
* [命令变量](#命令变量)
* [输入变量](#输入变量)
* [查看变量值](#查看变量值)
- [附录](#附录)
* [task.json参考例子](#taskjson参考例子)
* [launch.json参考例子](#launchjson参考例子)
- [VSCode相关内容参考链接](#vscode相关内容参考链接)
## 概述
- 任意一个工程如何在Kylin-IDE中构建、调试、运行
* 针对一些特殊工程
- 支持插件中做了自动化支持,构建、调试、运行可以通过支持插件直接操作,不需配置
* 例如qt-support插件对qmake和cmake类型的qt工程的构建、调试、运行做了自动化处理可以直接操作而不配置
* 工程的一般配置方法
- 继承了Code-OSS的相关功能需要了解两个配置文件的使用方法task.json和launch.json
- 调试参数定义在launch.json中构建、打包、自动化测试、部署等过程定义在task.json中运行可以定义在launch.json中也可以定义在task.json中
- task.json和launch.json文件位置
* 两个配置文件放置在工程根目录的.vscode/目录下(前缀带了“.”,表示是隐藏目录)
## task.json
### 简单理解
- ***定义了如何“按顺序执行命令”。工程的构建、打包、自动化测试、部署方法根据工程类型各不相同可以使用各种系统工具例如C代码可以使用make工具构建java代码可以使用maven工具构建可以使用jar命令打包但这些过程都可以抽象为按顺序调用系统工具执行多个命令。task.json就是定义如何使用系统工具执行命令的过程将“按顺序调用系统工具执行多个命令”按照格式定义了出来***
* task.json中定义了一个任务列表把整个工具调用过程拆分成了多个任务task
* 每一个task定义了一条命令工具的执行这条命令也可以是命令的组合由用户控制。即只要知晓项目构建过程使用的工具命令就可以定义出task
* task之间可以定义依赖关系即task的执行顺序
***
### task.json文件创建方法
- 方法一推荐安装Kylin Project Manager插件在左侧的“项目操作区”中点击“配置当前项目”根据选项做操作
- 方法二:选择主菜单中的“终端”、“运行生成任务”、“...配置生成任务...”、“使用模板创建task.json文件”、“Others”
- 方法三直接新建task.json文件或从其他工程中拷贝一个task.json放置于工程根目录的.vscode/目录下
### 简单例子
- task.json简单例子
* 例如一个简单的C++工程hello-world仅有一个C++代码文件hello.cpp
```cpp
#include <iostream>
int main(int argc, char *argv[])
{
std::cout << "Hello world!" << std::endl;
}
```
* 其带调试信息的构建命令为gcc -g hello.cpp -o hello
* 其task.json可以定义为
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "shell",
"linux": {
"command": "g++",
"args": [
"-g",
"hello.cpp",
"-o",
"hello"
]
}
},
{
"label": "run",
"type": "shell",
"dependsOn": ["build"],
"linux": {
"command": "./hello"
}
}
]
}
```
* 最关键的信息(关键字,或称为属性或字段)
- tasks定义了任务列表其中每个大括号中的内容定义了一个task
- label定义了单个task的名称或称为标签名称很重要当执行任务时需要根据名称来选择到底执行哪个任务依赖关系也通过名称来定义
- command定义了具体的命令例如build任务定义了gcc -g hello.cpp -o hello命令run任务定义了./hello命令。可以将命令和参数组合在一起写入command字段也可以将命令和参数分开写入command和args字段两种方式执行命令方式不同但效果类似但不能混用不能在commands中写一半命令再在args中写另外一半命令参数
- dependsOn定义了任务之间的依赖关系例如run任务依赖于build任务即run任务需要在build任务执行完成之后才能执行
### 关键字提示和补全
- 提示:鼠标放在已有字段上,会出现字段的含义提示
- 补全编辑时关键字可以补全。默认的快捷键ctrl+space可以弹出关键字列表但由于和系统切换输入法默认快捷键冲突可以使用以下方式解决
- 修改切换输入法快捷键推荐右键右下角输入法图标选择配置全局配置修改切换输入法快捷键为右ctrl
- 修改Kylin-IDE快捷键点击左下角齿轮图标选择“键盘快捷方式”在筛选框左侧点击第一个图标用录制按键搜索快捷键按下ctrl+space将搜索结果中的“触发建议”快捷键改为希望的快捷键
### 主要关键字(或称为字段、属性)说明(按字母序)
* args: command(命令)的参数每个参数以英文逗号分隔。若使用此参数则command字段会被解读为可执行文件故此时不要在command字段中添加命令参数
* command定义了具体的命令例如build任务定义了gcc -g hello.cpp -o hello命令run任务定义了./hello命令。可以将命令和参数组合在一起写入command字段也可以将命令和参数分开写入command和args字段两种方式执行命令方式不同但效果类似但不能混用不能在commands中写一半命令再在args中写另外一半命令参数
* dependsOn在运行当前task前先运行哪些task或理解为当前task的依赖task。数组字段可列多个默认并行执行若dependsOrder字段设置为sequence则按列举顺序执行
* dependsOrder当dependsOn字段设置了多个依赖task此字段决定多个依赖task是并行执行还是按列举顺序执行值可为parallel、sequence
* detail提供关于当前task的详细描述帮助用户理解这个任务的目的在选择任务时会显示作为提示
* echoCommand用于在task执行时输出命令的详细信息。如果设置为 true则在任务执行时会在输出面板中显示正在执行的命令。默认为true
* hide控制task在task列表中的可见性。如果设置为 true则该task不会在task列表中显示。当用户不希望直接执行某个task时可以使用此参数
* icon为任务指定一个图标可以使用图标来增强任务在UI中的可视化效果帮助用户快速识别任务。其值是对象类型在json中使用大括号大括号内部的字段见下文
- color颜色
- id预置图标id
* inputs输入变量相关内容见下文变量中的输入变量相关章节
* isBackground指示task是否在后台运行如果设置为true则任务会在后台运行Kylin-IDE不会等待其完成适用于长时间运行的任务
* label定义了单个task的名称或称为标签名称很重要当执行任务时需要根据名称来选择到底执行哪个任务依赖关系也通过名称来定义
* linuxKylin-IDE目前仅服务于类Linux操作系统故此参数可以不用。用于指定在特定操作系统类型下执行当程序在多平台运行时可以针对特定操作系统执行不同的命令。类似的还有windowsWindows、osxMacOS。通常用于command字段外层
* options其值为对象类型用大括号表示可以设置env、cwd、shell三个字段字段说明见下文。此关键字可以用在单个task内设置task的属性也可以用于单个task外全局生效。也可以用于平台关键字内linux、windows、osx但Kylin-IDE目前仅服务于类Linux操作系统故用于平台关键字内并无太大意义
- env设置环境变量。在此设置的环境变量仅对task中的脚本、进程起作用对task中的字段、参数等无效
- cwd设置当前工作路径。例如当两个task的工作路径不同时可以为每个task设置cwd参数
- shell设置执行命令使用的shell
- 例子
```json
"options": {
"shell": {
"executable": "/bin/bash", // 指定使用的 shell
"args": ["-c"] // 传递给 shell 的参数
},
"cwd": "${workspaceFolder}/src",
"env": {
"MY_ENV_VAR":"some_value"
}
}
```
* osx见linux关键字
* presentation配置task执行时输出的显示方式
- reveal是否在集成的terminal终端中显示task执行的输出
* always总是显示在终端中如果未打开终端则打开
* never如果未打开终端则在终端显示输出
* silent如果未打开终端仅在扫描到错误或警告时在终端显示否则不在终端显示
- revealProblemstask运行时是否先显示问题面板。此选项优先于reveal如果设置了always会则先显示问题面板
* always总是显示问题面板而不是终端
* never不主动显示问题面板
* onProblem仅在发现问题时显示问题面板
- echo是否显示执行的命令
- focus执行完成后光标是否聚焦在终端输出
- panel多个task执行时是否复用终端
* shared多个task执行时的信息共享显示在同一个终端中
* dedicated同一个task多次执行信息显示在同一个终端中不同task显示在不同终端中
* new每次task执行都使用新终端
- showReuseMessagetask执行完成后是否提示“终端将被任务重用按任意键关闭。”
- cleartask执行前是否clear终端
- closetask执行结束后终端是否退出
- group在同一个组group内的task当需要新建终端时终端分割split显示
- 例子
```json
"presentation": {
"reveal": "always", // 总是显示终端输出
"echo": true, // 显示命令
"focus": true, // 自动聚焦到终端输出
"panel": "shared" // 共享终端
}
```
* problemMatcher问题捕获器捕获到的问题显示在问题面板中。task在执行时它的输出可能会报出错误和警告此功能用于捕获这些错误和警告建立捕获到的错误警告和代码文件、代码位置、严重程度、问题信息的关系。Kylin-IDE已经集成了常见工具的问题捕获功能但task执行工具各种各样会出现未处理的工具或可以自己定义工具输出的问题捕获功能此时可以通过自定义问题捕获器实现工具输出的问题捕获。问题捕获功能主要通过正则表达式定义和实现
- 问题捕获的关键字用例子的方法说明
- 例子Kylin Clangd插件已提供了g++、gcc的问题捕获器功能不需要自行定义下文仅作为例子说明
* 上文简单的hello.cpp中故意在cout上方写一行错误的代码
```cpp
#include <iostream>
int main(int argc, char *argv[])
{
printf
std::cout << "Hello world!" << std::endl;
}
```
* 执行上文的build任务使用g++构建时会提示:
```
hello.cpp:5:7: error: expected ; before std
```
* 可以在build任务中添加如下问题捕获器将会显示在问题面板中
```json
"problemMatcher": {
//问题捕获器的所有者通常是特定的语言或工具例如cpp、javascript
"owner": "cpp",
//文件位置是当前工作区的相对路径也可以设置为绝对路径与下文的file相关
"fileLocation": ["relative", "${workspaceFolder}"],
//source的值会显示在问题的最后方提示问题是哪个问题捕获器发现的
"source": "g++",
//问题捕获器针对工具输出格式的模式pattern定义
"pattern": {
//针对g++的输出信息格式的正则表达式hello.cpp:5:7: error: expected ; before std
"regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
//问题出现的文件会被第1个匹配组捕获是文件的相对路径
"file": 1,
//问题出现的行号会被第2个匹配组捕获
"line": 2,
//问题出现的列号会被第3个匹配组捕获
"column": 3,
// The fourth match group matches the problem's severity. Can be ignored. Then all problems are captured as errors.
//问题严重程度会被第4个匹配组捕获。可以不加此参数所有问题按error处理
"severity": 4,
//问题具体信息会被第5个匹配组捕获
"message": 5
}
}
```
* runOptions设置task运行时机、如何运行
- runOntask运行时机
* default仅在主动选择时运行默认是此值
* folderOpen当打开文件夹时运行
- reevaluateOnRerun在命令面板中执行Rerun Last Task命令时是否重新计算变量值。true表示重新计算默认为truefalse表示不重新计算
- instanceLimit允许当前task有几个运行实例即同一个task可以同时运行几个。有些task执行时间较长并且可以重复执行此字段用于设置限制以避免系统资源消耗过大
* taskstask列表
* type表示task的类型类型不同可选的字段会有区别。主要的值是shell、process这两个值适合用户自定义task此外还有npm、typescript、用于javascript自动化任务的gulp、grunt、jake
- shell命令command将作为shell命令执行bash等
- processcommand字段将作为一个程序名执行不能使用shell的一些特性例如管道“|”等
* versiontask.json格式版本目前为2.0.0
* windows见linux关键字
### 使用变量
- task.json中部分字段可以使用变量变量在task.json中的task运行时会替换为变量指代的内容详细内容见下文“变量章节”
### task.json例子
- 下文附录章节中有一个比较全的例子供参考
- 后续会针对典型场景补充task.json的例子以方便参考和复制
## launch.json
### 对launch.json的简单理解
* launch.json文件用于定义项目的调试参数
* 需要理解launch.json中的type关键字
- 调试功能通常由调试插件提供调试插件可以包含多种调试功能例如一个C调试插件可以支持gdb也可以同时支持lldb对两种调试器做支持type关键字对应的是调试功能而不是调试插件type关键字可以看做是调试功能的一个id标识
- 当点击调试时需要让Kylin-IDE知晓应该使用哪个插件的哪个调试功能来进行调试type字段起到了关联调试功能的作用
- launch.json中可设置的参数和type相关即和调试插件中的调试功能相关具体参数由调试插件定义也有一些公共参数下文会进行介绍
* 需要理解launch.json中的configurations关键字
- configurations表示当前项目的调试配置列表它的值是一个数组类型表示可以有多个调试配置。例如一个项目中可能有多个调试目标有C语言编写的二进制程序和Java语言编写的二进制程序可以写多个调试配置
- 列表中的每个调试配置条目都需要明确type字段表示调用哪个调试插件的哪个调试功能
- 列表中的每个调试配置条目都需要明确name字段表示当前执行哪个调试配置。选择执行哪个调试配置可以点击左侧活动栏的调试图标在侧边栏上方的绿色三角按钮启动调试按钮后方下拉列表中选择下拉列表中显示的是调试配置的name字段
* 要掌握调试设置需要了解launch.json的基本配置也需要了解具体调试插件的配置至少知晓常用调试插件常用参数的配置
* Kylin-IDE的主程序kylin-ide仅包含基础功能编辑、调试功能需要安装插件若未安装对应调试插件无法在launch.json中调用其调试功能
### launch.json文件创建方法
- 创建方法
* 方法一点击左侧活动栏运行调试图标选择“创建launch.json文件”在弹出的选择列表中选择调试类型此列表对应type字段但显示的是type字段在代码中的标签label可根据编程语言和调试器进行选择选择后会创建一个对应type类型的例子模板在此基础上继续编辑
* 方法二安装Kylin Project Manager插件在左侧的“项目操作区”中点击“调试”也会进入到和方法一中一样的launch.json创建流程
* 方法三:直接在.vscode目录下新建一个launch.json文件或从其他类似项目代码中复制一个launch.json文件然后再进行修改
* 注意若无launch.json时按F5键启动调试或从运行菜单启动调试也会弹出调试类型选择框但此时并非创建launch.json的过程而是有些调试功能支持无launch.json直接尝试对当前代码文件启动调试或运行。此时弹出的调试类型选择列表通常会参考当前打开的代码文件例如若当前打开的是C++代码会显示C++相关的调试类型;若没有打开文件,则会显示所有可选调试类型
- 已有launch.json文件想在configurations中再添加一个调试配置条目
* 方法一打开launch.json文件在右下角有一个“添加配置”按钮点击它会弹出一些调试类型模板列表选择需要的或相近的类型在此基础上做修改
* 方法二:从其他项目代码中复制一个类似的调试配置条目,然后进行修改
### launch.json的简单例子
- 仍使用上文简单的C++项目或称为工程hello-world为例创建launch.json若使用Kylin Native Debug插件提供的gdb调试功能则调试类型列表中选择GDB将会在工程根目录的.vscode目录中创建launch.json然后修改如下。具体参数说明见下文
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "C++ debug",
"type": "gdb",
"request": "launch",
"target": "./hello",
"cwd": "${workspaceRoot}",
"valuesFormatting": "parseText"
}
]
}
```
### 关键字(或称为属性、参数、字段)说明
* 关键字提示点击ctrl+space会弹出可选参数列表将鼠标放在字段上会显示提示
- 与切换输入法快捷键冲突问题解决方法见上文task.json的“关键字提示和补全”
* 公共关键字
- versionlaunch.json文件的格式版本当前为2.0.0
- configurations调试配置列表值为数组类型可以有多个调试配置
- compounds组合调试可以把多个调试配置组合在一起进行调试值为数组类型可以配置多个。子字段如下
* namecompounds列表中单个compound条目的名称会显示在绿色三角按钮启动调试按钮后方的下拉框中
* configurations值为数组两个或以上并行运行的调试配置的name
* preLaunchTask在调试组启动前执行的task.json中的某个任务
* stopAll手动停止一个调试是否停止调试组内的所有调试
- type此关键字的理解可以看前文。调试类型可以看作调试功能的id。一个调试插件可以有多个调试类型。type字段设置正确才能调用对应的调试插件的调试功能。launch.json中支持的参数也与type有关
- name调试配置列表中configurations可以有多个调试配置条目每个调试配置条目都有一个name字段用来表示此条目方便选择启动哪个调试配置。选择启动哪个调试配置的方法是点击左侧活动栏的调试图标在侧边栏上方的绿色三角按钮启动调试按钮后方下拉列表中选择下拉列表中显示的是调试配置的name字段
- request值可选launch、attach两种调试类型
* launch表示目标程序启动时就以调试模式启动
* attach表示目标程序已经开始运行再使用调试器连接到程序进程
- presentation测试配置调试启动按钮绿色三角按钮后方的调试配置选择下拉框显示格式内部有以下关键字
* order下拉框列表条目顺序值为整数数越小顺序越靠前如果数值一样则写在前面的靠前
* group下拉框列表条目分组同一组的配置会显示在一起
* hidden不在下拉框列表中显示
- preLaunchTask在启动调试前先执行task.json中定义的某个task例如在调试前先编译一下代码。也可以设置为${defaultBuildTask}表示默认的build task。值可以是字符串或对象类型若填写字符串则应为task.json中task的label如果是对象则应配置grunt任务
- postDebugTask在调试结束后执行task.json中定义的某个task。值可以是字符串或对象类型若填写字符串则应为task.json中task的label如果是对象则应配置grunt任务
- internalConsoleOptions控制是否直接显示调试面板调试控制台里面有调试器具体输出信息和交互输入框。neverOpen表示不直接显示调试面板可以手动选择显示openOnFirstSessionStart表示仅在第一次调试时显示openOnSessionStart表示启动调试后显示
- debugServer测试不写入正文仅在调试插件时使用
- serverReadyAction测试不写入正文
* 平台相关关键字
- Kylin-IDE目前仅服务于类Linux操作系统故此参数可以不用。可以定义特定平台下的特殊处理可选值linux、windows、osx
* 较常见的、很多调试插件支持的关键字(注意不是所有插件都支持)
- program(target):要调试的程序文件路径
- args调试程序参数值为数组类型
- env环境变量
- envFiledotenv文件路径
- cwd当前工作路径当需要解析相对路径等时需要
- port当attach到一个程序时设置的端口
- stopAtEntry程序启动后停在入口类似于在程序最开始加了断点
* 插件具体关键字
- 可以查看插件的介绍文档和Readme
- 后续会补充Kylin-IDE推荐调试插件的launch.json的参数和配置方法
* 变量替换
- launch.json中部分字段可以使用变量变量在launch.json中的调试运行时会替换为变量指代的内容详细内容见下文“变量章节”
## 变量
### 变量简介
- 在配置task.json或launch.json时在某些key、value中可以使用一些变量变量分为如下五种类型。注意task.json中并不是所有关键字中都支持变量替换支持变量替换的主要关键字是command、args、options
* 预置变量,预置变量的引用语法是:${预置变量名称}
* 环境变量,环境变量的引用语法是:${env:环境变量名称}
* 配置类型变量,配置类型变量的引用语法是:${config:配置类型变量}
* 命令变量,命令变量的引用语法是:${command:命令ID}
* 输入变量,输入变量的引用语法是:${input:输入变量ID}
### 主要预置变量说明
* 引用语法是:${预置变量名称},会使用预置变量的值替换预置变量
* ${userHome} - 用户家目录路径
* ${workspaceFolder} - 在Kylin-IDE中当前打开的文件夹路径是工作区根目录
* ${workspaceFolderBasename} - 当前打开的文件夹名称,不带名称之前的路径
* ${file} - 当前打开的文件
* ${fileWorkspaceFolder} - 当前打开的文件的工作区文件夹路径
* ${relativeFile} - 当前打开的文件相对于workspaceFolder的路径相对路径
* ${relativeFileDirname} - 当前打开的文件所属的文件夹相对于workspaceFolder的路径相对路径
* ${fileBasename} - 当前打开的文件的名称,不含路径
* ${fileBasenameNoExtension} - 当前打开的文件的名称,不带后缀
* ${fileExtname} - 当前打开文件的后缀(带"."
* ${fileDirname} - 当前打开的文件所属文件夹的路径
* ${fileDirnameBasename} - 当前打开的文件所属文件夹的名称,不带路径
* ${cwd} - 当前工作路径
* ${lineNumber} - 光标或选中内容的当前行号
* ${selectedText} - 当前选中的文本内容,需要有选中的文本才可获取到
* ${execPath} - Kylin-IDE的可执行文件路径
* ${defaultBuildTask} - 默认build task的名称
* ${pathSeparator} - 操作系统使用的路径分隔符
### 环境变量
* task执行时或启动调试时有可能需要主动获取系统环境变量注意是获取如需设置task执行时的环境变量请使用options关键字中的env字段。会使用环境变量的值替换环境变量
* 环境变量的引用语法是:${env:环境变量名称}
* 例子:${env:PATH}
* 查看当前操作系统环境变量的方法类Linux系统在终端中执行env命令可以查看当前环境变量。可以使用echo命令显示某个环境变量的值例如 echo $PATH
### 配置类变量
* 通过配置类变量可以获取Kylin-IDE配置参数值。会使用配置的值替换配置类变量
* 配置类型变量的引用语法是:${config:Name}
* 例子:${config:editor.fontSize}
* 查找配置的方法打开命令面板ctrl+shift+P输入搜索关键字“json”有3个相关内容
- 默认配置(较全)Preference:Open Default Settings
- 用户设置Preference:Open User Settings
- 工作区设置Preference:Open Workspace Settings
### 命令变量
* 通过命令变量可以执行Kylin-IDE中定义的命令以及插件中定义的的命令。当命令的返回值是字符串时会使用命令的字符串返回值替换命令变量否则不会替换
* 引用语法是:${command:命令ID}
* 查找命令的方法
- 目前暂没有全面的查找方法,以下是几种查找部分命令的方法
- 命令面板查找ctrl+shift+P打开命令面板搜索关键字可以查询到命令的说明根据说明可以尝试拼出命令
- 插件暴露命令查找:点击最左侧活动栏插件图标,进入插件列表,点击插件条目,在插件详情页点击功能贡献,在命令栏目中可以找到插件暴露出的命令
- 快捷键命令查找ctrl+shift+P打开命令面板输入json找到Open Default Keyboard Shortcuts打开json文件后可以在其中查找到一些命令
### 输入变量
* 场景task或launch中命令的执行需要一些输入型的或动态可变的参数。此时可以使用输入变量
* 引用语法是:${input:输入变量ID}通过inputs关键字对输入变量进行设置大体如下
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "task name",
"command": "${input:输入变量ID}"
// ...
}
],
"inputs": [
{
"id": "输入变量ID",
"type": "type of input variable"
//configuration
}
]
}
```
* 输入变量的类型即inputs关键字中的type字段类型可选3种每种类型的具体配置字段有区别
- promptString弹出输入框接收用户输入的字符串。具体配置字段如下
* description提示用描述会显示在输入框中做提示
* default默认值当用户未输入任何值时使用默认值
* password如果设置为true则输入内容为密码格式不显示具体内容
- pickString弹出选择列表接收用户的选择。具体配置字段如下
* description提示用描述会显示以作提示
* options数组类型用户选择条目。每一个用户条目可以是一个字符串也可以是一个对象对象中可以包含label和value字段显示时会显示为label: value
* default用户如未作选择则采用此默认值
- command执行命令。具体配置字段如下
* commandKylin-IDE和插件定义的命令
* args命令使用的参数字符串或对象
- 例子
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "ls command",
"type": "shell",
"command": "ls",
"args": ["${input:paramStr}", "${input:folderPath}"]
},
{
"label": "password type e.g.",
"type": "shell",
"command": "ls ${input:paramStr} ${input:folderPassw}",
},
{
"label": "command e.g.",
"type": "shell",
"command": "echo ${input:command1}",
},
],
"inputs": [
{
"type": "pickString",
"id": "paramStr",
"description": "ls命令的参数",
"options": [
{
"label": "xxx1",
"value": "-l"
},
"-lh",
"-la",
],
"default": "-l"
},
{
"type": "promptString",
"id": "folderPath",
"description": "ls查看的文件夹的路径",
"default": "${workspaceFolder}"
},
{
"type": "promptString",
"id": "folderPassw",
"description": "password类型字符串例子",
"password": true,
"default": ""
},
{
"type": "command",
"id": "command1",
"command": "search.action.openEditor"
},
]
}
```
### 查看变量值
- 在task.json中可以在command中使用echo命令打印变量值
## 附录
- 例子使用的工程和调试插件上文使用的简单的C++工程在工程根目录创建了aaa目录调试插件使用的是Cpp Debug
### task.json参考例子
```json
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "process",
"command": "g++",
"args": [
"-g",
"hello.cpp",
"-o",
"hello"
],
"icon": {
"color": "terminal.ansiGreen",
"id": "account"
},
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "shared",
"group": "abc"
},
"group": {
"kind": "build",
"isDefault": true
},
"problemMatcher": {
"owner": "cpp",
"fileLocation": ["relative", "${workspaceFolder}"],
"source": "g++",
"pattern": {
"regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
"file": 1,
"line": 2,
"column": 3,
"severity": 4,
"message": 5
}
}
},
{
"label": "run",
"type": "shell",
"dependsOn": [
"build",
"test1",
"test2"
],
"command": "./hello",
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "new"
},
"runOptions": {
"instanceLimit": 1
}
},
{
"label": "test1",
"type": "shell",
"command": "top",
"args": [
"-n",
"10"
],
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "new",
"group": "abc"
},
"promptOnClose": true,
"runOptions": {
"reevaluateOnRerun": false,
"instanceLimit": 2
}
},
{
"label": "test2",
"type": "process",
"command": "top",
"args": [
"-n",
"10"
],
"presentation": {
"echo": true,
"reveal": "always",
"focus": false,
"panel": "new",
"group": "abc"
},
"promptOnClose": true,
"runOptions": {
"reevaluateOnRerun": false,
"instanceLimit": 1
}
},
{
"label": "test variable",
"type": "shell",
"command": "echo ${command:search.action.openEditor} ",
"detail": "测试variable",
"options": {
"cwd": "${workspaceFolder}/aaa/bbb",
}
},
{
"label": "ls command",
"type": "shell",
"command": "ls",
"args": ["${input:paramStr}", "${input:folderPath}"]
},
{
"label": "ls command 2",
"type": "shell",
"command": "ls ${input:paramStr} ${input:folderPath}",
},
{
"label": "ls command 3",
"type": "shell",
"command": "ls ${input:paramStr} ${input:folderPassw}",
},
{
"label": "ls command 4",
"type": "shell",
"command": "echo ${input:command1}",
},
],
"inputs": [
{
"type": "pickString",
"id": "paramStr",
"description": "ls命令的参数",
"options": [
{
"label": "xxx1",
"value": "-l"
},
"-lh",
"-la",
],
"default": "-l"
},
{
"type": "promptString",
"id": "folderPath",
"description": "ls查看的文件夹的路径",
"default": "${workspaceFolder}"
},
{
"type": "promptString",
"id": "folderPassw",
"description": "ls查看的文件夹的路径",
"password": true,
"default": "${workspaceFolder}"
},
{
"type": "command",
"id": "command1",
"command": "search.action.openEditor",
},
]
}
```
### launch.json参考例子
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "C++ Launch Application",
"type": "cppdbg",
"request": "launch",
"program": "${workspaceFolder}/hello",
"args": [],
"stopAtEntry": false,
"cwd": "${workspaceFolder}",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"presentation": {
"hidden": false,
"group": "",
"order": -2
},
},
{
"name": "ok-debug",
"type": "cppdbg",
"request": "launch",
"program": "${workspaceFolder}/hello",
"args": [],
"stopAtEntry": true,
"cwd": "${workspaceFolder}",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"presentation": {
"hidden": false,
"group": "",
"order": -1
},
"preLaunchTask":"build",
"postDebugTask": "build",
"internalConsoleOptions":"openOnSessionStart",
"linux": {
},
},
{
"name": "ng",
"type": "cppdbg",
"request": "launch",
"program": "${workspaceFolder}/hello",
"args": [],
"stopAtEntry": true,
"cwd": "${workspaceFolder}",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"presentation": {
"hidden": false,
"group": "test",
"order": 2
}
},
],
"compounds": [
{
"name": "Compound-ok-ng",
"configurations": ["ok-debug","ng"],
"stopAll": true
}
]
}
```
## VSCode相关内容参考链接
- https://code.visualstudio.com/docs/editor/tasks
- https://code.visualstudio.com/docs/editor/variables-reference
- https://code.visualstudio.com/docs/editor/debugging

View File

@ -0,0 +1,168 @@
# 插件开发
- 插件api继承了Code-OSS本部分给出插件开发的简单例子详细开发方法可以参考VSCode文档。本文会逐渐向最佳实践方向补充
- 需要特殊说明的是package.json文件中engines字段中的vscode版本用engines.vscode表示
+ 此字段很重要影响到插件的兼容性和IDE基础平台的版本相关
- engines.vscode的值表示插件使用api的最低版本
- kylin-ide版本 < 1.1.0kylin-code < 0.3.0 基于Code-OSS 1.68.0插件api版本是这个版本
- kylin-ide版本 >= 1.1.0kylin-code >= 0.3.0 基于Code-OSS 1.85.2插件api版本是这个版本
- 故如果需要兼容早期版本engines.vscode应填写1.68.0或^1.68.0^ 是一个版本范围符号表示允许安装该版本的最新小版本minor version和补丁版本patch version但不允许安装下一个大版本major version^1.68.0表示:>=1.68.0 <2.0.0
- 如果仅考虑兼容目前的版本engines.vscode应填写1.85.2或^1.85.2
- 如果插件需要考虑申威等社区不特别活跃的架构engines.vscode应尽量向低版本填写最好填写1.68.0或^1.68.0因为特殊架构上可能因缺少编译依赖只能构建低版本kylin-ide(至少基于1.68.0的kylin-ide能够支持申威架构)
## 环境准备
- 安装IDE基础平台kylin-ide(或者在openKylin上安装kylin-code)
- 安装nodejs
+ 版本选择
1. 尽量使用nodejs lts版本推荐使用18或16
2. 如果使用了开源代码需要检查开源代码构建需要的nodejs版本范围
+ [安装方法参见nodejs环境配置](./JavaScript开发.md#nodejs环境配置)。可以采用nodejs环境配置中方法2(从官网或国内镜像网站下载安装nodejs)或者方法3(nvm安装nodejs)来安装nodejs
- nodejs软件包管理工具npm、yarn
+ npm 为nodejs的包管理器通常安装nodejs时npm也会安装到环境中
- 配置npm源为国内镜像网站比如淘宝镜像网站
- 打开终端,输入命令`npm config set registry https://registry.npmmirror.com`
- 输入命令`npm config get registry`查看npm源是否配置成功
+ yarn同样为nodejs的包管理器通过npm安装
- 安装配置完成npm后在终端输入命令`npm install -g yarn`安装yarn
- 输入命令`yarn -v`查看yarn版本是否安装成功
- 配置yarn源为国内镜像网站比如淘宝镜像网站
- 打开终端,输入命令`yarn config set registry https://registry.npmmirror.com`
- 输入命令`yarn config get registry`查看yarn源是否配置成功
- 安装脚手架yo和代码生成器generate-code
+ 打开终端,输入命令`npm install -g yo generate-code`
- 安装vsce插件打包工具
+ 打开终端,输入命令`npm install -g vsce`安装vsce
## 快速开始
### 1.创建hello-world 插件
- 打开终端,输入命令`yo code`创建插件项目。根据提示输入插件名称、插件ID、插件描述等信息如图所示![yocode-1](./resources/extension-dev/yocode-1.png)
### 2.编辑插件
- 打开插件项目,终端执行`kylin-ide hello-world`
- hello-world插件主要文件介绍
- .vscode文件夹插件配置文件夹
- launch.json调试配置文件
- tasks.json运行配置文件
- package.json插件配置文件
- src/extension.ts插件入口源码文件
- tsconfig.jsontsconfig.json文件是TypeScript的配置文件用于配置TypeScript的编译选项。
- 修改插件package.json文件中engines字段中的vscode版本见文档开头的说明
#### 2.1 package.json介绍
package.json文件是插件的配置文件用于描述插件的基本信息、依赖、命令等。
- name插件名称
- displayName插件展示名称
- description插件描述
- version插件版本
- publisher插件发布者
- engines.vscode插件支持的vscode最小版本。
- main:编译后的插件入口文件
- package.json示例
```json
{
"name": "hello-world", //插件名称
"displayName": "hello-world",//插件展示名称
"description": "hello-world",//插件描述
"version": "0.0.1",//插件版本
"publisher": "kylin",//插件发布者
"engines": {
"vscode": "^1.68.0"//插件支持的vscode版本,兼容1.68.0及以上版本
},
"categories": [ // 插件分类
"Other"
],
"activationEvents": [],//插件激活事件
"main": "./out/extension.js",//插件编译后的入口文件
"contributes": {
"commands": [ //注册命令
{
"command": "hello-world.helloWorld",
"title": "Hello World"
}
]
},
"scripts": {
"vscode:prepublish": "npm run compile",
"compile": "tsc -p ./",
"watch": "tsc -watch -p ./",
"pretest": "npm run compile && npm run lint",
"lint": "eslint src --ext ts",
"test": "vscode-test"
},
"devDependencies": { //开发依赖
"@types/vscode": "^1.68.0", //与engine.vscode版本一致
"@types/mocha": "^10.0.7",
"@types/node": "20.x",
"@typescript-eslint/eslint-plugin": "^7.14.1",
"@typescript-eslint/parser": "^7.11.0",
"eslint": "^8.57.0",
"typescript": "^5.4.5",
"@vscode/test-cli": "^0.0.9",
"@vscode/test-electron": "^2.4.0"
}
}
```
#### 2.2 src/extension.ts介绍
src/extension.ts文件是插件的入口文件用于注册插件命令、监听插件事件等。
- activate函数插件激活时执行的函数
- deactivate函数插件停用时执行的函数
### 3.编译插件
可以使用npm或者yarn来编译插件以npm为例
- 打开终端,进入插件项目目录
- 执行命令`npm install`解析package.json中devDependencies内容,安装插件依赖
- 执行命令`npm run compile`编译插件插件的源码会被编译成JavaScript代码存储在out文件夹中。
- 或者点击终端 ->运行任务->npm:watch实时编译插件。监听插件源码当源码发生变化自动编译npm:watch任务本质是执行`npm run watch`命令。在.vscode/tasks.json文件中定义了npm:watch任务。
`npm run [keywords]` 是执行package.json中scripts中定义的命令比如`npm run compile`就是执行package.json中scripts中定义的compile命令。
tasks.json内容
```json
{
"version": "2.0.0",
"tasks": [
{
"type": "npm",//任务类型,由内置插件提供,不要更改
"script": "watch",//对应package.json中scripts中定义的watch命令
"problemMatcher": "$tsc-watch",
"isBackground": true,
"presentation": {
"reveal": "never"
},
"group": {
"kind": "build",
"isDefault": true
}
}
]
}
```
### 4.调试插件
IDE基础平台内置了对typeScript和JavaScript的调试支持插件开发使用typescript或者JavaScript语言所以可以直接进行调试无需额外安装其他插件。调试插件需要创建调试配置文件launch.jsonlaunch.json文件被存储在.vscode文件夹内。使用yo code创建的插件默认已经创建了launch.json文件无需手动创建。
launch.json文件内容如下
```json
{
"version": "0.2.0",
"configurations": [
{
"name": "Run Extension", //调试任务名称
"type": "extensionHost",//调试类型
"request": "launch",
"args": [
"--extensionDevelopmentPath=${workspaceFolder}"
],
"outFiles": [
"${workspaceFolder}/out/**/*.js"
],
"preLaunchTask": "${defaultBuildTask}"
}
]
}
```
- 在src/extension.ts源码文件添加断点
- 点击菜单中运行->启动调试,调试插件
### 5.插件打包
插件打包是将编译后的插件打包成vsix文件
- 执行命令`vsce package`,打包插件
- 打包完成后,在插件目录下会生成一个.vsix文件该文件就是插件的安装包。
## VSCode插件开发相关链接
- https://code.visualstudio.com/api

View File

@ -17,6 +17,8 @@
#### [离线插件管理](./files/离线插件管理.md)
#### [如何配置工程的构建、调试、运行](./files/如何配置工程的构建-调试-运行.md)
#### [项目管理](./files/项目管理.md)
#### [Qt开发](./files/Qt开发.md)
@ -31,6 +33,8 @@
#### [JavaScript开发](./files/JavaScript开发.md)
#### [插件开发](./files/插件开发.md)
#### [死锁检测](./files/死锁检测.md)
#### [历史调试](./files/历史调试.md)