uni-app 需要一个可视化且可自定义快捷短语的插件 如输入pms就可以快速生成promise 函数

uni-app 需要一个可视化且可自定义快捷短语的插件 如输入pms就可以快速生成promise 函数

开发环境 版本号 项目创建方式

需求：需求一个可以可视化的，用来快速生成常用函数的，快捷的，短语生成插件，比如HBX中我输入clog，就可以打出console.log() ,我提的需求是提供一个可视化如表格类似并附带修改删除添加等功能的快捷短语生成工具

1 回复

更多关于uni-app 需要一个可视化且可自定义快捷短语的插件 如输入pms就可以快速生成promise 函数的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中，如果你需要一个可视化且可自定义快捷短语的插件，以实现例如输入“pms”就可以快速生成Promise函数的功能，可以考虑开发一个自定义的VS Code扩展插件，或者使用HBuilderX的插件开发功能（因为uni-app推荐使用HBuilderX）。

以下是一个使用VS Code扩展API的简单示例，这个示例展示了如何创建一个简单的代码片段（snippet），当输入特定快捷短语时，能够生成一个Promise函数。

VS Code 扩展插件示例

  1. 创建扩展项目

    首先，确保你已经安装了yo和generator-code，这两个工具可以帮助你快速生成VS Code扩展的基础结构。

    npm install -g yo generator-code
yo code

    按照提示填写项目信息，选择“New Extension (TypeScript)”作为模板。

  2. 编辑snippets文件

    在生成的项目目录中，找到src文件夹下的extensions.ts文件，并在其中添加一个新的代码片段。

    import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    const snippets = new vscode.Snippets(vscode.workspace.rootPath || '');
    snippets.registerSnippet('javascript', {
        prefix: 'pms',
        body: [
            'new Promise((resolve, reject) => {',
            '    // Your code here',
            '    resolve(/* value */);',
            '    // reject(/* reason */);',
            '})'
        ],
        description: 'Create a Promise function'
    });

    context.subscriptions.push(snippets);
}

export function deactivate() {}

    注意：上述代码实际上应该使用VS Code提供的贡献点配置（contributes.snippets），但这里为了简单起见，直接在激活函数中注册了代码片段。实际开发中，建议遵循VS Code官方文档进行配置。

  3. 运行和测试

    在VS Code中打开项目文件夹，按F5启动调试模式，这会打开一个新的VS Code窗口。在这个窗口中，打开一个JavaScript文件，输入pms并按Tab键，你应该能看到生成的Promise函数代码。

  4. 打包和发布

    完成开发后，你可以使用VS Code提供的打包命令，将扩展打包为.vsix文件，并在VS Code市场中发布。

请注意，这个示例仅用于演示如何在VS Code中实现自定义代码片段。对于uni-app开发，如果你更习惯于使用HBuilderX，你可以参考HBuilderX的插件开发文档，实现类似的功能。

回到顶部