鸿蒙最全【坚果派-坚果】Napi入门_libace_napi(2)，2024年最新flutter开发桌面应用性能

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

点击 Next 按钮后，项目名称选择NapiHello，点击finish即可

等待项目加载完成，如果大家观察细致的话，会发现，这里面有个不同之处就是多了CPP目录

我么可以点开来看一下

该目录用来存放 cpp 的源码及相关配置文件，各文件说明如下：

• hello.cpp：index.d.ts 文件中声明的方法的 C++ 实现源码。
• CMakeLists.txt：是cmake用来生成Makefile文件需要的一个描述编译链接的脚本文件。
• index.d.ts：对 ts 提供的方法声明。
• package.json：打包的配置文件。

另外 CMakeLists.txt 文件还会在 build-profile.json5 里做配置，代码如下所示：

{
“apiType”: ‘stageMode’,
“buildOption”: {
“externalNativeOptions”: {
“path”: “./src/main/cpp/CMakeLists.txt”,
“arguments”: “”,
“cppFlags”: “”,
}
},
“targets”: [
{
“name”: “default”
},
{
“name”: “ohosTest”,
}
]
}

点击自动化签名，然后运行项目就可以

这个时候我们就可以来看一下代码内容，分析一下了

我们再来看一下index.ets的内容

import hilog from ‘@ohos.hilog’;
import testNapi from ‘libentry.so’

@Entry
@Component
struct Index {
@State message: string = ‘Hello World’

build() {
Row() {
Column() {
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
.onClick(() => {
this.