【VS Code插件开发】常见自定义命令（七）

个人主页：不叫猫先生，公众号：前端舵手
‍♂️ 作者简介：前端领域优质作者、阿里云专家博主，共同学习共同进步，一起加油呀！
资料领取：前端进阶资料可以找我免费领取
摸鱼学习交流：我们的宗旨是在「工作中摸鱼，摸鱼中进步」，期待大佬一起来摸鱼(文末有我wx或者私信)

本文介绍了在 VS Code 插件开发过程中常见的命令，后续会继续补充。

1、获取文件路径

在注册命令的回调中，是否存在uri，有的话直接得到文件路径uri.path

vscode.commands.registerCommand('extension.getCurrentFilePath', (uri) => {
			vscode.window.showInformationMessage(`当前文件(夹)路径是：${uri ? uri.path : '空'}`);
		})

2、刷新开发工具

开发插件时候需要刷新开发工具，操作步骤如下：

• 注册刷新的命令
• 关闭侧边栏
• 打开自定义的视图
• 打开开发工具

vscode.commands.registerCommand("extension.reloadSidebar", async () => {
			await vscode.commands.executeCommand("workbench.action.closeSidebar");
			await vscode.commands.executeCommand("workbench.view.extension.todolist-container");
			setTimeout(() => {
				vscode.commands.executeCommand(
					"workbench.action.webview.openDeveloperTools"
				);
			}, 500);
		})

3、监听文件创建

vscode.workspace.onDidCreateFiles用于监听文件创建事件，新创建的会被放入到event.files中。

		vscode.workspace.onDidCreateFiles((event) => {
			// 新增的文件
			const addedFiles = event.files;
			// 处理新增的文件
			addedFiles.forEach((file) => {
			//获取文件名
				const fileName = path.basename(file.fsPath);
				// 使用 path.extname() 截取文件名后面的字符串（即文件后缀）
				const fileExtension = path.extname(fileName).toLowerCase();
				//获取文件类型
				const fileType = fileExtension.substring(1);
			});
		})

4、监听文件删除

监听文件删除与监听文件创建类似，只是用的API不同，监听文件删除使用onDidDeleteFiles，删除的文件信息放到event.files中

		vscode.workspace.onDidDeleteFiles((event) => {
			// 删除的文件
			const deletedFiles = event.files;
			deletedFiles.forEach((file) => {
				const fileName = path.basename(file.fsPath);
				// 使用 path.extname() 截取文件名后面的字符串（即文件后缀）
				const fileExtension = path.extname(fileName).toLowerCase();
				//获取文件类型
				const fileType = fileExtension.substring(1);
				
			});
		})

5、监听代码复制

通过执行文本编辑器命令registerTextEditorCommand，可以访问和操作文本编辑器的内容和状态。

vscode.commands.registerTextEditorCommand('extension.copyCommand', (textEditor, edit) => {
			const selection = textEditor.selection;
			// 获取选中的文本
			const selectedText = textEditor.document.getText(selection);
			// 将选中的文本存储到剪贴板
			vscode.env.clipboard.writeText(selectedText);
			//获取当前活跃的编辑器面板
			const activeTextEditor = vscode.window.activeTextEditor;
			let currentFilePath;
			if (activeTextEditor) {
			//获取当前路径
				currentFilePath = activeTextEditor.document.uri.fsPath;
				console.log(currentFilePath); // 输出当前文件的路径
			}
			// 获取选中文本的起始行和结束行，因为返回值的第一行是从0开始，所以这里加1
			const startLine = selection.start.line + 1;
			const endLine = selection.end.line + 1;
		}),

6、监听代码粘贴

通过执行registerCommand创建一个自定义的粘贴命令，将剪贴板中的文本粘贴到当前文本编辑器中的所选区域，并在粘贴后执行一些后续操创建一个自定义的粘贴命令，将剪贴板中的文本粘贴到当前文本编辑器中的所选区域，并在粘贴后执行一些后续操。监听代码粘贴，其实也就是重写了粘贴的逻辑，然后再获取粘贴的内容。

vscode.commands.registerCommand('extension.pasteCommand', () => {
           //获取当前活动的文本编辑器对象 
			const textEditor = vscode.window.activeTextEditor;
			if (!textEditor) {
				return;
			}
			//获取当前文本编辑器中的选择区域
			const selections = textEditor.selections;
			// 获取粘贴前的开始行号
			const originalStartLine = selections[0].start.line + 1; 
			// 获取粘贴前的结束行号
			const originalEndLine = selections[0].end.line + 1; 
			// 获取粘贴内容
			vscode.env.clipboard.readText().then((clipboardText) => {
				const edits: any[] = [];
				const filePath = textEditor.document.uri.fsPath;
				selections.forEach((selection) => {
					const startPosition = selection.start;
					const endPosition = selection.end;
					// 创建粘贴操作对应的编辑
					edits.push({
						range: new vscode.Range(startPosition, endPosition),
						newText: clipboardText,
					});
				});
				// 使用 Promise.all 等待所有编辑操作完成
				Promise.all(
					edits.map((edit) =>
						textEditor.edit((editBuilder) => {
							editBuilder.replace(edit.range, edit.newText);
						})
					)
				).then(() => {
					// 获取粘贴后的选择区域信息
					const newSelections = textEditor.selections;
					const newStartLine = newSelections[0].start.line + 1; // 获取粘贴后的开始行号
					const newEndLine = newSelections[0].end.line + 1; // 获取粘贴后的结束行号
				});
			});
		})

7、监听代码剪切

监听代码剪切，其实也是重写了剪切的逻辑，通过执行registerTextEditorCommand，可以访问和操作文本编辑器的内容和状态，然后在进行剪切时对代码进行处理。

vscode.commands.registerTextEditorCommand('extension.cutCommand', (textEditor, edit) => {
			const selection = textEditor.selection;
			// 获取被剪切的文本
			const cutText = textEditor.document.getText(selection);
			// 删除被剪切的文本
			edit.delete(selection);
			// 将剪切的文本存储到剪切板
			vscode.env.clipboard.writeText(cutText);
			//获取当前文件路径
			const activeTextEditor = vscode.window.activeTextEditor;
			let currentFilePath;
			if (activeTextEditor) {
				currentFilePath = activeTextEditor.document.uri.fsPath;
			// 获取选中文本的起始行和结束行
			const startLine = selection.start.line + 1;
			const endLine = selection.end.line + 1;
		}),

8、获取package.json信息

可以通过vscode.extensions.getExtension获取到扩展程序的引用，其中 ‘yourPublisher.yourName’ 应该被替换为你自己扩展程序的发布者和名称。具体来说，这个代码的目的是获取特定扩展程序的引用，以便在扩展程序内部执行操作或获取有关扩展程序的信息。

    let packageJSON = '';
    let extension = vscode.extensions.getExtension('yourPublisher.yourName');
	if (extension) {
		packageJSON = extension.packageJSON;
	} else {
		packageJSON = "";
	}

9、获取VS Code/电脑系统基本信息

获取操作系统名称、版本、VSCode版本、CPU型号、CPU核心数量和总物理内存，用于收集系统信息以用于日志记录、性能分析或任何需要了解运行环境的用途。

• 使用 Node.js 的 os 模块的 platform 方法获取操作系统的名称。这将返回例如 “win32”（Windows）、“linux”（Linux）或 “darwin”（macOS）等字符串。

const os = require('os');
const osName = os.platform()

• 使用 os 模块的 release 方法获取操作系统的版本信息。这通常是操作系统的版本号

const osVersion = os.release()

• 获取 Visual Studio Code (VSCode) 的版本信息。这是通过访问 vscode 对象的 version 属性来实现的

const vscodeVersion = vscode.version

• 使用 os 模块的 cpus 方法获取计算机的 CPU 信息数组，然后从数组中取出第一个 CPU 的型号信息

const cpu = os.cpus()[0].model

• 同样使用 os 模块的 cpus 方法获取 CPU 信息数组，并通过数组的长度来获取计算机的 CPU 核心数量。

const cpuCores = os.cpus().length

• 使用 os 模块的 totalmem 方法获取计算机的总物理内存（以字节为单位），然后将其转换为千兆字节 (GB)。

const totalPhysicalMemory = os.totalmem() / (1024 * 1024 * 1024);`

「微信读书」VS Code插件推荐

插件市场搜索：WeChat Reading
注意：本插件只能阅读我的书架的图书，对于未加入到书架的图书不能进行阅读，所以只能通过其他方式比如PC、手机先把书加入书架后才能进行阅读。