chore: code basic layout

Author: wh131462

package.json

@@ -9,15 +9,29 @@
   "categories": [
     "Other"
   ],
-  "activationEvents": [],
+  "activationEvents": ["onView:home"],
   "main": "./dist/extension.js",
   "contributes": {
-    "commands": [
-      {
-        "command": "leetcode-practice-vscode.helloWorld",
-        "title": "Hello World"
-      }
-    ]
+    "viewsContainers": {
+      "activitybar": [],
+      "panel": [],
+      "sidebar": [
+        {
+          "id": "leetcode-practice",
+          "title": "leetcode-practice",
+          "icon": "resources/logo.webp"
+        }
+      ]
+    },
+    "views": {
+      "leetcode-practice": [
+        {
+          "id": "home",
+          "name": "Leetcode Practice"
+        }
+      ]
+    },
+    "commands": []
   },
   "scripts": {
     "vscode:prepublish": "yarn run package",

resources/logo.webp

@@ -1,26 +1,9 @@
-// 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';
-
-// This method is called when your extension is activated
-// Your extension is activated the very first time the command is executed
+import {LeetcodeService} from "./services/leetcode.service";
+import {UiService} from "./services/ui.service";
 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 "leetcode-practice-vscode" 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('leetcode-practice-vscode.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 leetcode-practice!');
-	});
-
-	context.subscriptions.push(disposable);
+	UiService.init();
+	LeetcodeService.init();
 }
 
-// This method is called when your extension is deactivated
 export function deactivate() {}

src/extension.ts

@@ -0,0 +1,6 @@
+export interface Problem{
+    title: string,
+    difficulty: string,
+    tags: string[],
+    url: string
+}

src/model/problem.interface.ts

@@ -0,0 +1,18 @@
+import {NpmUtil} from "../utils/npm.util";
+import {LoggerUtil} from "../utils/logger.util";
+
+export class LeetcodeService{
+    /**
+     * 初始化
+     */
+    static init(){
+        LeetcodeService.checkDept();
+    }
+
+    static checkDept(){
+        if(!NpmUtil.isGlobalPackageInstalled('leetcode-practice')){
+            LoggerUtil.info('检测到未安装 leetcode-practice, 正在安装...');
+            NpmUtil.installGlobalPackage('leetcode-practice');
+        }
+    }
+}

src/services/ai.service.ts

@@ -0,0 +1,9 @@
+import {HomeProvider} from "../ui/home/home";
+import * as vscode from "vscode";
+
+export class UiService{
+    static init(){
+        const homeProvider = new HomeProvider();
+        vscode.window.registerTreeDataProvider('home', homeProvider);
+    }
+}

src/services/leetcode.service.ts

@@ -0,0 +1,24 @@
+import * as vscode from "vscode";
+
+export class HomeProvider implements vscode.TreeDataProvider<any>{
+    private _onDidChangeTreeData: vscode.EventEmitter<TreeItem | undefined> = new vscode.EventEmitter<TreeItem | undefined>();
+    readonly onDidChangeTreeData: vscode.Event<TreeItem | undefined> = this._onDidChangeTreeData.event;
+
+    getTreeItem(element: TreeItem): vscode.TreeItem {
+        return element;
+    }
+
+    getChildren(element?: TreeItem): TreeItem[] {
+        if (!element) {
+            return [new TreeItem('Item 1'), new TreeItem('Item 2')];
+        }
+        return [];
+    }
+}
+class TreeItem extends vscode.TreeItem {
+    constructor(label: string) {
+        super(label);
+        this.tooltip = `Tooltip for ${label}`;
+        this.description = `Description of ${label}`;
+    }
+}

src/services/ui.service.ts

@@ -0,0 +1,67 @@
+import * as vscode from 'vscode';
+
+export class LoggerUtil {
+    /**
+     * 显示信息提示
+     * @param message 要显示的信息
+     * @param items 可选的操作项
+     */
+    static info(message: string, ...items: string[]): Thenable<string | undefined> {
+        return vscode.window.showInformationMessage(message, ...items);
+    }
+
+    /**
+     * 显示警告提示
+     * @param message 要显示的警告信息
+     * @param items 可选的操作项
+     */
+    static warn(message: string, ...items: string[]): Thenable<string | undefined> {
+        return vscode.window.showWarningMessage(message, ...items);
+    }
+
+    /**
+     * 显示错误提示
+     * @param message 要显示的错误信息
+     * @param items 可选的操作项
+     */
+    static error(message: string, ...items: string[]): Thenable<string | undefined> {
+        return vscode.window.showErrorMessage(message, ...items);
+    }
+
+    /**
+     * 记录到输出面板
+     * @param message 要记录的信息
+     * @param logType 日志类型 (info | warn | error)
+     */
+    static log(message: string, logType: 'info' | 'warn' | 'error' = 'info'): void {
+        const outputChannel = LoggerUtil.getOutputChannel();
+        const timestamp = new Date().toISOString();
+        const formattedMessage = `[${logType.toUpperCase()}] [${timestamp}] ${message}`;
+        outputChannel.appendLine(formattedMessage);
+        if (logType === 'error') {
+            outputChannel.show(true); // 错误信息时自动展示输出面板
+        }
+    }
+
+    /**
+     * 清空输出面板
+     */
+    static clear(): void {
+        const outputChannel = LoggerUtil.getOutputChannel();
+        outputChannel.clear();
+    }
+
+    /**
+     * 获取或创建日志输出面板
+     * @returns 输出面板实例
+     */
+    private static getOutputChannel(): vscode.OutputChannel {
+        if (!this.outputChannel) {
+            this.outputChannel = vscode.window.createOutputChannel('LoggerUtil');
+        }
+        return this.outputChannel;
+    }
+
+    // 输出面板实例（单例模式）
+    private static outputChannel: vscode.OutputChannel;
+}

src/ui/home/home.ts

@@ -0,0 +1,119 @@
+import { execSync } from 'child_process';
+
+export class NpmUtil {
+    /**
+     * 获取当前项目的 npm 版本
+     * @returns 当前项目的 npm 版本号
+     */
+    static getNpmVersion(): string {
+        return process.env.npm_package_version || 'Unknown';
+    }
+
+    /**
+     * 获取全局 npm 版本号
+     * @returns 全局 npm 的版本号
+     */
+    static getGlobalNpmVersion(): string {
+        try {
+            const version = execSync('npm --version', { encoding: 'utf-8' }).trim();
+            return version;
+        } catch (error) {
+            console.error('获取全局 npm 版本失败:', error);
+            return 'Unknown';
+        }
+    }
+
+    /**
+     * 检查是否安装了某个依赖
+     * @param packageName 要检查的依赖名称
+     * @returns 是否安装了该依赖
+     */
+    static isPackageInstalled(packageName: string): boolean {
+        try {
+            require.resolve(packageName);
+            return true;
+        } catch {
+            return false;
+        }
+    }
+
+    /**
+     * 安装某个 npm 包（本地）
+     * @param packageName 要安装的 npm 包名称
+     */
+    static installPackage(packageName: string): void {
+        try {
+            execSync(`npm install ${packageName}`, { stdio: 'inherit' });
+            console.log(`成功安装依赖: ${packageName}`);
+        } catch (error) {
+            console.error(`安装依赖 ${packageName} 失败:`, error);
+        }
+    }
+
+    /**
+     * 卸载某个 npm 包（本地）
+     * @param packageName 要卸载的 npm 包名称
+     */
+    static uninstallPackage(packageName: string): void {
+        try {
+            execSync(`npm uninstall ${packageName}`, { stdio: 'inherit' });
+            console.log(`成功卸载依赖: ${packageName}`);
+        } catch (error) {
+            console.error(`卸载依赖 ${packageName} 失败:`, error);
+        }
+    }
+
+    /**
+     * 获取当前项目的依赖列表
+     * @returns 当前项目的依赖及其版本
+     */
+    static getDependencies(): Record<string, string> {
+        try {
+            const packageJson = require(`${process.cwd()}/package.json`);
+            return packageJson.dependencies || {};
+        } catch (error) {
+            console.error('读取 package.json 失败:', error);
+            return {};
+        }
+    }
+
+    /**
+     * 检查全局是否安装了某个 npm 包
+     * @param packageName 要检查的 npm 包名称
+     * @returns 是否安装了该全局包
+     */
+    static isGlobalPackageInstalled(packageName: string): boolean {
+        try {
+            const result = execSync(`npm list -g ${packageName}`, { encoding: 'utf-8' });
+            return result.includes(packageName);
+        } catch {
+            return false;
+        }
+    }
+
+    /**
+     * 安装全局 npm 包
+     * @param packageName 要安装的 npm 包名称
+     */
+    static installGlobalPackage(packageName: string): void {
+        try {
+            execSync(`npm install -g ${packageName}`, { stdio: 'inherit' });
+            console.log(`成功安装全局依赖: ${packageName}`);
+        } catch (error) {
+            console.error(`安装全局依赖 ${packageName} 失败:`, error);
+        }
+    }
+
+    /**
+     * 卸载全局 npm 包
+     * @param packageName 要卸载的 npm 包名称
+     */
+    static uninstallGlobalPackage(packageName: string): void {
+        try {
+            execSync(`npm uninstall -g ${packageName}`, { stdio: 'inherit' });
+            console.log(`成功卸载全局依赖: ${packageName}`);
+        } catch (error) {
+            console.error(`卸载全局依赖 ${packageName} 失败:`, error);
+        }
+    }
+}