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();
}