【保姆级VSCode 插件开发之实现语音转文字其一】

保姆级VSCode 插件开发

第一章 VSCode 插件开发入门之语音转文字记录



前言

本篇文章主要介绍开发一个VSCode插件实现语音转文字记录笔记的功能。之前听到一个比较好课,想看逐字稿,就想着找个实时语音转文字的工具。在浏览器插件中搜了一下,没有好用的。还特意买了一个印象笔记的语音转文字笔。这次刚好发现VSCode官方提供了一个VS Code Speech的插件,可以实现实时语音转文字的功能。可以将创建文件和调用API结合起来,实现语音转文字记笔记的功能。本节先实现新文件的创建。下一节加入语音转文字功能的API调用。


一、创建新笔记文件

1.生成新项目框架

	yo code

请参照保姆级VSCode 插件开发之创建第一个插件项目

2. 创建新笔记文件

  • 生成唯一文件名: 使用 new Date().toISOString().replace(/[-:.]/g, '') 生成一个基于当前时间的唯一字符串,并将其作为文件名的一部分。

  • 使用 preview: false 参数: 在 vscode.window.showTextDocument(document, { preview: false }) 中使用 preview: false 参数,确保新文件不会覆盖之前打开的文件,而是作为一个新的标签页打开。

  • 代码:extension.ts

import * as vscode from 'vscode';
import * as path from 'path';

export function activate(context: vscode.ExtensionContext) {
    console.log('Congratulations, your extension "noteCreator" is now active!');

    let disposable = vscode.commands.registerCommand('noteCreator.createNote', async () => {
        // 检查工作区文件夹
        const workspaceFolders = vscode.workspace.workspaceFolders;
        if (!workspaceFolders) {
            vscode.window.showErrorMessage('No workspace folder is open');
            return;
        }

        // 获取第一个工作区文件夹的路径
        const workspaceFolder = workspaceFolders[0].uri.fsPath;

        // 生成唯一文件名
        let timestamp = new Date().toISOString().replace(/[-:.]/g, '');
		timestamp = timestamp.replace(/[A-Za-z]/g, ''); // 去掉字母,仅保留数字
        const fileName = `note_${timestamp}.txt`;

        // 定义新笔记文件的路径
        const noteUri = vscode.Uri.file(path.join(workspaceFolder, fileName));

        // 创建新笔记文件的内容
        const writeData = Buffer.from("This is your new note. Start writing here...", 'utf8');

        // 将内容写入新笔记文件
        await vscode.workspace.fs.writeFile(noteUri, writeData);

        // 打开新笔记文件进行编辑
        const document = await vscode.workspace.openTextDocument(noteUri);
        await vscode.window.showTextDocument(document, { preview: false });
    });

    context.subscriptions.push(disposable);
}

export function deactivate() {}

3. package.json注册命令

注册命令

4. 效果展示

如下图所示。
在这里插入图片描述


总结

今天的主要内容是实现笔记文件的创建,下一次完善语音输入功能。

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当然,我可以为您提供 VSCode保姆安装教程。请按照以下步骤操作: 步骤1:下载 VSCode 首先,您需要访问 Visual Studio Code 的官方网站(https://code.visualstudio.com/)并点击下载按钮。根据您的操作系统选择相应的版本进行下载。 步骤2:安装 VSCode 下载完成后,双击安装程序并按照提示进行安装。根据您的操作系统可能会有所不同,但通常情况下只需按照默认设置一路点击"下一步"即可完成安装。 步骤3:启动 VSCode 安装完成后,您可以通过在开始菜单、桌面或应用程序目录中找到 Visual Studio Code 来启动它。 步骤4:配置 VSCode 在初次启动 VSCode 时,您可能需要进行一些基本配置。例如,选择默认编程语言、设置主题、选择插件等。这些设置可以在 VSCode 的设置菜单中进行调整,以满足您的需求。 步骤5:安装常用插件 VSCode 支持大量的插件扩展,您可以根据自己的需求进行安装。一些常用的插件包括: - Prettier:代码格式化工具 - ESLint:JavaScript 代码检查工具 - GitLens:Git 可视化工具 - Bracket Pair Colorizer:彩色显示括号对 - Live Server:实时预览网页 - Python:Python 开发相关插件 您可以在 VSCode 的扩展商店中搜索并安装这些插件。 步骤6:开始使用 VSCode 现在,您已经完成了 VSCode 的安装和配置。您可以打开您的项目文件夹或编写新的代码文件,并开始使用 VSCode 进行开发和编辑。 希望这个保姆安装教程对您有所帮助!如果您还有其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值