hm-snippets

此扩展包含了一些常见的 UI 组件和业务模板代码段, 旨在提高开发效率。

特性

• 列表页模板
• 抽屉弹窗模板
• 模态弹窗模板
• 服务层代码模板
• 以及其他常见的业务逻辑模板

先决条件

• Node.js（版本12或更高）
• Visual Studio代码或任何其他首选代码编辑器

Installation

• Install Visual Studio Code 1.91.0 or higher
• Launch Code
• From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
• Select Install Extension
• Choose the extension
• Reload Visual Studio Code

使用方法

要使用此扩展提供的代码片段，请执行以下步骤：

1. 在Visual Studio Code中打开一个TypeScript文件。
2. 键入所需的代码段关键字（例如，demo模板的“hm-snippets-demo”），然后按“TAB”插入代码段。
3. 根据特定用例的需要自定义插入的代码。

模板列表

• hm-list-tsx: 列表页模板
• hm-drawer-tsx: 抽屉弹窗模板
• hm-modal-tsx: 模态弹窗模板
• hm-service-ts: 服务层代码模板

See the CHANGELOG for the latest changes

注意事项

• 请确保 Visual Studio Code 版本为1.91.0或更高。
• 插入代码段后,根据项目需求进行必要的调整和完善。

Build and Test

# 安装依赖
$ npm install

# 发布扩展
$ vsce package
$ vsce publish

# 构建发布
$ vsce package
$ npm run publish

发行说明

执行 generate-snippets 即可自动将 snippets的代码片段自动注入到package.json中,无需手动维护。