Dev Studio 安装与使用

目录

一、DevEco Studio 下载

二、DevEco Studio 诊断开发环境

2.1 配置NPM代理

2.2 ohpm 报错

三、启用中文化插件

四、构建第一个ArkTS应用(Stage模型)

4.1 创建ArkTS工程

4.2 ArkTS工程目录结构(Stage模型)

4.2 预览项目

4.3 新增组件

五、报错:Error while Deploying HAP


一、DevEco Studio 下载

        下载传送门:点击传送

        根据自己环境进行下载,下面就是常规的安装应用方式。

二、DevEco Studio 诊断开发环境

        第一次打开会自动诊断,后面可通过右下方 help(帮助) 进入诊断开发环境。如下:

这里很容易出现两个小问题:

  • npm 仓库是否可访问报错,需要配置NPM代理。

  • ohpm 是否设置正确报错。

2.1 配置NPM代理

1.第一次进入:如果报错可通过提示直接进入设置页面 2.通过项目进入设置页面:

  • window:File > Settings > Build, Execution, Deployment > Node.js and npm > Optimize config

  • macOS:DevEco Studio > Preferences > Build, Execution, Deployment > Node.js and npm > Optimize config

具体配置如下:

        npm 注册表:配置npm仓的地址信息。

https://repo.huaweicloud.com/repository/npm/

        ohos 注册表:HarmonyOS npm三方包共享仓。

https://repo.harmonyos.com/npm/

        HTTP 代理:代理服务器信息,默认会与DevEco Studio的HTTP proxy设置项保持一致。如果需要配置帐号密码,请使用如下格式进行配置:

http://user:password@proxy.proxyserver.com

        开启Http代理:同步配置HTTPS Proxy信息。

        我是配置了这些,可以使用,确定一下配置项/当前网络,多尝试几次,如果还不行 可以去官方文档找详细答案。

2.2 ohpm 报错

1.第一次进入:如果报错可通过提示直接进入设置页面:

2.通过项目进入设置页面:

  • window:File > Settings > Build, Execution, Deployment > Ohpm > Edit

  • macOS:DevEco Studio > Preferences > Build, Execution, Deployment >Ohpm > Edit

        有的话选择路径,没有的话直接下载即可。当然下载可能会触发以下问题:

4.解决方案:清除 npm 緩存。

  • Mac指令: sudo npm cache clean --force

  • Windows指令: npm cache clean --force

        执行完毕后再次点击安装试试。如果还不行就关闭软件重新执行命令再次点击下载。

三、启用中文化插件

        虽然开发软件形式我们已经很熟悉了,但是英文版还是有点不习惯,当然如果你英语水平高那就无所谓了。

        应用(A)以后重启即可。

四、构建第一个ArkTS应用(Stage模型)

        Dev Studio 的使用和 Android Stduio 的使用很相似。这对应 Android 开发工程师来说也算是个优势。

4.1 创建ArkTS工程

当然也可以在已打开的项目内选择

刚开始没必要搞太复杂的模版。

  • 选择Application应用开发(本文以应用开发为例,Atomic Service对应为元服务开发);

  • 选择模板“Empty Ability”;

  • 点击 Next 进行下一步配置。

4.2 ArkTS工程目录结构(Stage模型)

  • AppScope > app.json5:应用的全局配置信息。

  • entry:HarmonyOS工程模块,编译构建生成一个HAP包。

  • oh_modules:用于存放三方库依赖信息。

  • build-profile.json5:应用级配置信息,包括签名、产品配置等。entry模块中也有一个别搞错了。

  • hvigorfile.ts:应用级编译构建任务脚本。entry模块中也有一个别搞错了。

HarmonyOS工程模块(主要部分)

  • src > main > ets:用于存放ArkTS源码。

  • src > main > ets > entryability:应用/服务的入口。

  • src > main > ets > pages:应用/服务包含的页面。

  • src > main > resources:用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。

  • src > main > module.json5:Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。

  • build-profile.json5:当前的模块信息、编译信息配置项,包括buildOption、targets配置等。其中targets中可配置当前运行环境,默认为HarmonyOS。

  • hvigorfile.ts:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。

4.2 预览项目

无需虚拟器可直接预览(推荐使用)。

        开启 Multi-profile preview。可向下滑动查看平板的横竖屏展示效果:

        当然你也可以通过 工具菜单栏 ->设备管理 下载SDK新建模拟器:

        在模拟器上面运行项目:

        还是比较推荐使用预览,下载模拟器占用内存比较高而且需要重新编译运行项目才能看到效果。

4.3 新增组件

@Entry
@Component
struct Index {@State message: string = 'Hello World'build() {Row() {Column() {Text(this.message).fontSize(50).fontWeight(FontWeight.Bold)Button("新增组件").fontSize(24)//字体大小.fontColor(Color.White)//字体颜色.width('40%')//宽度,指定宽度按百分比.height(60)//高度,指定高度具体数字.margin(20)//间距.onClick(() => {//此处点击事件console.info('你点我干啥呀')})}.width('100%')}.height('100%')}
}

五、报错:Error while Deploying HAP

        Cause: Unable to find the BMS service. Solution: Try again later. If the issue persists, collect logs and go to Help > Contact Support.

        报错原因:是在模拟器还在启动中我直接运行了项目。 解决方案:等模拟器完全启动后,再运行程序即可。

相关推荐

ArkTS 开发基础icon-default.png?t=N7T8https://blog.csdn.net/g984160547/article/details/136733050

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/540578.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

TikTok美区再现爆款!“龙蛋”畅销海外!仅一周狂卖近40万美金

当小杨哥、东方甄选开始相继进军TikTok海外电商平台,新一轮的境外风云即将上演... TikTok作为短视频领域的翘楚,其病毒式营销手段让无数产品迅速走红,卖到断货在海外市场也是屡见不鲜! 近日,一款独特的 3D 打印龙蛋玩…

WOA-GRU多输入回归预测 | 鲸鱼优化算法-门控循环单元神经网络 | Matlab

目录 一、程序及算法内容介绍: 基本内容: 亮点与优势: 二、实际运行效果: 三、部分程序: 四、完整程序下载: 一、程序及算法内容介绍: 基本内容: 本代码基于Matlab平台编译&…

(转)已有 vue2 环境下安装 vue3 和vue2并新项目构建

vue2 全局安装过,废话不多说,直接装 vue3 吧 安装 vue3.X 不再需要安装 vue/cli3 的脚手架,而是通过官方推荐的 Vite 开发构建工具快速搭建,具体可查看官方文档 https://vue3js.cn/docs/zh/guide/installation.html#%E5%91%BD%E4…

第六节:使用SMB开发WebService

一、概述 webservice在日常开发中是常用的接口形式,SMB在设计之初就将webservice作为重要的代理协议。在组件库中提供了webservice input和webservice output两个组件,分别用于发布接口和调用接口。 二、发布webservice 在csdnProject工程中创建名为c…

C语言从入门到实战————数组和指针的深入理解

前言 在C语言中,数组和指针有的密切得联系,因为数组名本身就相当于一个指针常量。指针是一个变量,专门用来存储另一个变量的内存地址,通过这个地址可以访问和操作该变量的值,同时也包括数组。数组是一组连续存储的同类…

Dynamic Capacity Service for Improving CXL Pooled Memory Efficiency——论文阅读

IEEE Micro 2023 Paper CXL论文阅读笔记整理 问题 传统系统面对大容量和高带宽内存需求时存在的挑战: 内存墙。计算系统的最新趋势表明,内存性能的提高没有跟上计算性能的步伐。扩展内存带宽和容量的一个可行解决方案是增加中央处理器(CPU&…

linux板子vscode gdb 远程调试

板子:hi3556v200 交叉编译工具:arm-himix200-linux 主机:win10虚拟机的ubuntu16.4 gdb:gdb-8.2.tar.gz 1.在ubuntu交叉编译gdb(Remote g packet reply is too long解决) 建议修改gdb8.2/gdb目录下面的remote.c解决…

ConcurrentHashMap 为什么不能插入 null?

1、典型回答 简单来说,ConcurrentHashMap 不允许插入 null 值是JDK 源码规定的,如下源码所示(此源码基于JDK 1.8): 从上述源码可以看出,在添加方法的第一句就加了判断:如果 key 值为 null 或者是 value 值为 null&…

电梯机房秀 系列二

上次小伍带大家看了部分机房的照片,并且简单介绍了一下电梯能量回馈装置,小伙伴们表示很新奇,没看够,今天小伍又来了,带大家看一下电梯能量回馈装置到底安装在电梯什么位置。跟着小伍去看看吧。Lets go! 电…

解决提示无法使用内置管理员账户打开Microsoft Edge的方法

图片出自链接:解决提示无法使用内置管理员账户打开Microsoft Edge的方法

如何识别代理IP的真实地理位置

目录 一、代理IP的概述 二、识别代理IP真实地理位置的方法 IP数据库查询 反向DNS查询 网络延迟测量 三、案例分析与代码实现 四、总结与展望 随着网络技术的不断发展,代理IP的使用越来越广泛,但这也给网络安全和数据分析带来了挑战。代理IP可以隐…

我记不住的那些命令-xxdod

背景: 这里记录一下具体的xxd和od命令参数和使用方法,我想我肯定是记不住这些参数的。 零、文件 我们这里有一个示例文件README.txt,内容如下图所示: 一、xxd(查看、编辑二进制文件) 1. 十六进制显示(默认) 我们发现上面的显…