• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# NAPI框架生成工具VSCode插件使用说明
2## 简介
3
4NAPI框架生成工具目前支持三种入口，分别是可执行程序、IntelliJ插件、VS Code插件，本文主要介绍VS Code插件使用说明。VS Code插件下载路径如下，选择gnapi-0.0.1.vsix下载。
5
6[下载链接1]( http://ftpkaihongdigi.i234.me:5000/sharing/PC6uOorrM)
7
8[下载链接2]( http://ftp.kaihong.com:5000/sharing/PC6uOorrM)
9
10[下载链接3]( http://ftp.kaihongdigi.com:5000/sharing/PC6uOorrM)
11
12## VS Code插件使用方法
13
14### 说明
15
16visual studio code 版本需1.62.0及以上。
17
18### 步骤
19
201.打开VS Code，在左侧边栏中选择插件安装。
21
22![](../../../figures/pic-plug-in-search.png)
23
242.在应用商店搜索NAPI插件，再单击安装。
25
26![](../../../figures/pic-plug-in-select.png)
27
283.安装完成后就会在VS Code的插件管理器中能看到napi-gen这个插件了。
29
30![](../../../figures/pic-plug-in-gnapi.png)
31
324.在VS Code中找到需要转换的.d.ts文件，若.d.ts文件中声明了basic.d.ts文件，将basic.d.ts文件放置在待转换.d.ts文件同一级目录；若除此之外还声明其它.d.ts文件，将此类文件放置在待转换.d.ts文件同级目录。例如：
33
34![](../../../figures/pic-plug-in-select-d-ts.png)
35
365.选择.d.ts文件,点击右键选择 Generate Napi Frame，工具弹出Generate Napi Frame弹窗。接口文件文本框填写.d.ts文件路径；生成框架路径文本框填写生成框架存放路径；编译脚本路径默认填写；number目的类型此处选择float；启用import功能不选择（待转换.d.ts文件未引用其它文件）；点击ok。
37
38![](../../../figures/pic-plug-in-gen-c++.png)
39
40![](../../../figures/pic-plug-in-ts-c++.png)
41
426.执行结束后会在out目录下生成框架代码文件。
43
44## 集成测试
45NAPI框架代码生成后，系统框架开发者进行二次开发后，即可集成到OpenHarmony编译系统，生成对应的库文件，供应用开发者调用接口。工具集成测试的具体操作步骤可以左键单击以下链接了解：
46
47  [工具集成测试](https://gitee.com/openharmony/napi_generator/blob/master/docs/INTEGRATION_TESTING_ZH.md)
48
49