小编Vin*_*sPJ的帖子

我想知道是否可以在单独的文件中使用 HTML、CSS 和 JavaScript 在 Visual Studio Code 中创建扩展。

我正在使用 VS Code Webview API。我试图创建一个文件夹并放置我的 HTML 和 CSS 文件，但它没有用。我现在不知道如何在扩展 GUI 上使用这些文件。我什至尝试使用 NodeJSreadFile()读取 HTML 文件，但无法读取文件。使用相对路径./html/file...不起作用。

我错过了什么？我对 JS、Node 和 VS Code 还很陌生……

在文档示例中，他们将 HTML 放入这样的字符串中：

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
context.subscriptions.push(vscode.commands.registerCommand('catCoding.start', 
() => {
    // Create and show panel
    const panel = vscode.window.createWebviewPanel('catCoding', "Cat Coding", 
    vscode.ViewColumn.One, { });

    // And set its HTML content
    panel.webview.html = getWebviewContent();
}));
}

function getWebviewContent() {
    return …