command variable 插件助力vscode 开发wb2/m61

[i=s] 本帖最后由 lovzx 于 2024-10-4 11:48 编辑 [/i]<br /> <br /> > 本帖最后由 lovzx 于 2024-10-2 15:58 编辑 > 本帖最后由 lovzx 于 2024-9-30 13:59 编辑 > 10/4日task编译参数修改为-C 指定make工作目录方式 ## command variable 插件助力vscode 开发wb2/m61 ### command vaiable介绍 command vaiable是一个vscode的插件，支持在launch.json和tasks.json中执行command命令 command vaiable开源地址 [https://github.com/rioj7/command-variable](https://github.com/rioj7/command-variable) 使用的话在vscode 插件中搜索 command vaiable安装即可  ### command vaiable支持的命令 插件支持的命令很多，功能丰富，简单介绍几个命令 `extension.commandvariable.pickStringRemember`：从给定的字符串数组中选择并保存到变量中 `extension.commandvariable.promptStringRemember`：手动输入字符串并保存到变量中 `extension.commandvariable.remember`：获取变量的内容，例如前面两个设置的变量 `extension.commandvariable.number`：按照指定范围生成随机数 `extension.commandvariable.getClipboard`：获取剪切板内容 等等具体的支持那些命令以及怎么使用请参考[[https://github.com/rioj7/command-variable/?tab=readme-ov-file#table-of-contents](https://github.com/rioj7/command-variable/?tab=readme-ov-file#table-of-contents)]([https://github.com/rioj7/command-variable/?tab=readme-ov-file#table-of-contents](https://github.com/rioj7/command-variable/?tab=readme-ov-file#table-of-contents)) ### 利用插件配置wb2/m61的环境变量 之前有分享过通过配置task来实现编译/烧录，大致是通过设置cwd参数改变当前工作的目录，然后配置task任务，最后通过task buttons插件把status bar上面的按钮和task任务绑定，这样就实现了点击按钮可以编译/烧录功能，具体的教程可以参考之前的帖子：[配置vscode纵享丝滑]([https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=45305&fromuid=13444](https://bbs.ai-thinker.com/forum.php?mod=viewthread&tid=45305&fromuid=13444)) 之前的配置方式需要在tasks.json文件中设置cwd的参数来更改当前的工作目录，这个有点不友好 现在可以利用command variable插件来选择编译的目录，并且保存到变量中，然后通过cwd或者make -C的参数来实现更改编译项目，这种方式比手动更改要好的多 效果如下  配置思路如下 首先要安装command variable和 task buttons(这个可以参考之前的帖子)两个插件，安装好就可以配置了 1. 通过命令extension.commandvariable.file.openDialog 命令设置打开选择文件夹窗口，把选择的文件保存到变量中 2. 通过命令extension.commandvariable.remember拿到保存的值 具体的配置如下 tasks.json ```json { "version": "2.0.0", "presentation": { "echo": false, "reveal": "always", "focus": true, "panel": "shared", "showReuseMessage": true, "clear": false, }, "options": { // "cwd": "${workspaceFolder}/mqtt", //"cwd": "${input:getWorkDir}" }, "inputs": [ { "id": "setWorkDir", "type": "command", "command": "extension.commandvariable.file.openDialog", "args": { "canSelect": "folders", "defaultUri": "${workspaceFolder}", "title": "请选择项目根目录", "checkEscapedUI": true, "keyRemember": "workDir" }, }, { "id": "getWorkDir", "type": "command", "command": "extension.commandvariable.remember", "args": { "key": "workDir", "checkEscapedUI": true, "options": { "name": "dir-name", "label": "dir" }, } } ], "tasks": [ { "type": "shell", "label": "echo", "command": "echo", "args": [ "${input:getWorkDir}" ], }, { "type": "shell", "label": "setcwd", "command": "echo", "args": [ "${input:setWorkDir}" ] }, { "type": "shell", "group": "build", "label": "make 编译", "command": "make", "detail": "make -j16", "args": [ "-j16", "-C", "${input:getWorkDir}", ] }, { "type": "shell", "group": "build", "label": "make clean", "command": "make", "detail": "make clean", "args": [ "-j16", "-C", "${input:getWorkDir}", "clean" ] }, { "type": "shell", "group": "build", "label": "make flash", "command": "make", "detail": "make flash", "args": [ "-j16", "-C", "${input:getWorkDir}", "flash", "p=COM6" ] } ] } ``` settings.json增加如下配置 ``` "workbench.statusBar.visible": true, "VsCodeTaskButtons.tasks": [ { "label": "🛠️ make build", "task": "make 编译", "tooltip": "编译代码" }, { "label": "🧹make clean", "task": "make clean", "tooltip": "make clean" }, { "label": "⬇️ flash", "task": "make flash", "tooltip": "烧录" }, { "label": "👀echo", "task": "echo", "tooltip": "echo current work directory" }, { "label": "📂setcwd", "task": "setcwd", "tooltip": "set current work directory" } ], ``` 配置好了就可以正常使用了，如果想要改变编译的项目，点击下面的setcwd按钮选择要编译的项目，然后在点击make build、make clean或者make flash 避免了手动更改cwd目录，采用了点击选择编译的目录，这样方便了好多 完结撒花

很好

学知识

大佬 太厉害了

不错不错！

厉害了

大佬 太厉害了