VScode 状态条 StatusBar

创建statusBar

	//	创建状态条，第一个参数为位置，第二个参数为优先级
	myStatusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
	//	为状态条注册命令
	myStatusBarItem.command = myCommandId;
	//	状态条文本显示
	myStatusBarItem.text="Nothing is selected！";
	//	当鼠标放在上面的时候显示的内容
	myStatusBarItem.tooltip="statusBar test！";
	//	添加进去
	subscriptions.push(myStatusBarItem);

为statusBar创建命令

//	命令名称
	const myCommandId = 'sample.showSelectionCount';
	//	注册命令
	subscriptions.push(vscode.commands.registerCommand(myCommandId, () => {
		//	从编辑器获取他所选择的行数
		const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
		//	当点击statusBar时执行的反馈操作：返回选择了多少行
		vscode.window.showInformationMessage(`Yeah, ${n} line(s) selected... Keep going!`);
	}));

相关的功能函数

//	实时更新函数
function updateStatusBarItem(): void {
	const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
	if (n > 0) {
		myStatusBarItem.text = `$(megaphone) ${n} line(s) selected`;
		//	当有所选择时显示状态条
		myStatusBarItem.show();
	} else {
		//	当未选择时隐藏状态条
		myStatusBarItem.hide();
	}
}

//	获取选择条数函数
function getNumberOfSelectedLines(editor: vscode.TextEditor | undefined): number {
	let lines = 0;
	if (editor) {
		lines = editor.selections.reduce((prev: number, curr: { end: { line: number; }; start: { line: number; }; }) => prev + (curr.end.line - curr.start.line), 0);
	}
	return lines;
}

在activate函数里运行实时更新函数

export function activate({ subscriptions }: vscode.ExtensionContext) {

	//	命令名称
	const myCommandId = 'sample.showSelectionCount';
	//	注册命令
	subscriptions.push(vscode.commands.registerCommand(myCommandId, () => {
		//	从编辑器获取他所选择的行数
		const n = getNumberOfSelectedLines(vscode.window.activeTextEditor);
		//	当点击statusBar时执行的反馈操作：返回选择了多少行
		vscode.window.showInformationMessage(`Yeah, ${n} line(s) selected... Keep going!`);
	}));

	//	创建状态条，第一个参数为位置，第二个参数为优先级
	myStatusBarItem = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
	//	为状态条注册命令
	myStatusBarItem.command = myCommandId;
	//	状态条文本显示
	myStatusBarItem.text="Nothing is selected！";
	//	当鼠标放在上面的时候显示的内容
	myStatusBarItem.tooltip="statusBar test！";
	//	添加进去
	subscriptions.push(myStatusBarItem);

	// register some listener that make sure the status bar 
	// item always up-to-date
	subscriptions.push(vscode.window.onDidChangeActiveTextEditor(updateStatusBarItem));
	subscriptions.push(vscode.window.onDidChangeTextEditorSelection(updateStatusBarItem));

	// update status bar item once at start
	updateStatusBarItem();
}