Add vscode-webview-ui-toolkit and follow tutorial to get started

This commit is contained in:
Saoud Rizwan
2024-07-06 00:40:50 -04:00
parent 094524625b
commit 0ede211d4f
11 changed files with 378 additions and 65 deletions

View File

@@ -1,25 +1,31 @@
// The module 'vscode' contains the VS Code extensibility API
// Import the module and reference it with the alias vscode in your code below
import * as vscode from 'vscode';
import * as vscode from "vscode"
import { HelloWorldPanel } from "./HelloWorldPanel"
// This method is called when your extension is activated
// Your extension is activated the very first time the command is executed
export function activate(context: vscode.ExtensionContext) {
// Use the console to output diagnostic information (console.log) and errors (console.error)
// This line of code will only be executed once when your extension is activated
console.log('Congratulations, your extension "claude-dev" is now active!');
console.log('Congratulations, your extension "claude-dev" is now active!')
// The command has been defined in the package.json file
// Now provide the implementation of the command with registerCommand
// The commandId parameter must match the command field in package.json
const disposable = vscode.commands.registerCommand('claude-dev.helloWorld', () => {
// The code you place here will be executed every time your command is executed
// Display a message box to the user
vscode.window.showInformationMessage('Hello World from claude-dev!');
});
// const disposable = vscode.commands.registerCommand("claude-dev.helloWorld", () => {
// // The code you place here will be executed every time your command is executed
// // Display a message box to the user
// vscode.window.showInformationMessage("Hello World from claude-dev!")
// })
context.subscriptions.push(disposable);
// context.subscriptions.push(disposable)
const helloCommand = vscode.commands.registerCommand("claude-dev.helloWorld", () => {
HelloWorldPanel.render(context.extensionUri)
})
context.subscriptions.push(helloCommand)
}
// This method is called when your extension is deactivated