鸿蒙建站实操:零基础3小时上线首个应用

打开DevEco Studio,点击“Create Project”,选择“Application”模板,输入应用名称如“MyFirstHarmonyApp”,包名自动生成,无需修改。勾选“Empty Ability”,点击Finish,系统自动下载依赖并构建基础工程。

创意图AI设计,仅供参考

工程加载完成后,展开resources/base/element目录,双击string.json文件,在\”app_name\”键后添加新键值对:\”welcome_text\”: \”欢迎使用鸿蒙应用\”。保存后,该文本即可在页面中调用。

切换到pages/index目录,打开index.hml文件。删除默认内容,替换为简洁结构:{{ $t(‘strings.welcome_text’) }}立即体验。再打开index.css,添加样式:.container { flex-direction: column; justify-content: center; align-items: center; height: 100%; } .title { font-size: 32px; color: #18243B; margin-bottom: 32px; } .btn { width: 200px; height: 48px; background-color: #007DFF; color: white; border-radius: 8px; }

在index.js中补充逻辑:export default { data: { message: ‘已启动!’ }, onButtonClick() { this.message = ‘点击成功!’; } }。此时点击按钮,状态不会实时更新——需启用响应式绑定:将this.message改为this.$data.message,并在data中初始化message,或更简单地直接使用this.$data.message = ‘点击成功!’。

点击顶部工具栏的“Previewer”图标,右侧实时预览页面效果;确认无误后,连接搭载OpenHarmony 4.0+的真机或启动本地模拟器(DevEco自带),点击运行按钮(绿色三角)。首次构建稍慢,约1–2分钟后,应用即在设备上安装并自动启动。

•点击菜单栏“Build > Build HAP(s)”,生成未签名的hap包(位于build/default/outputs/default/),可通过Device Manager拖入真机安装,或使用hdc工具命令行安装。全程无需注册开发者账号、无需证书签名,3小时内即可完成从新建项目到真机运行全流程。

由 dawei

【声明】:北京站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

发表回复