DevEco Studio 的使用

DevEcoStudio3.1教程：安装、配置与HelloWorld项目开发,
原创 已于 2023-12-27 13:56:26 修改 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为

于 2023-11-19 16:10:39 首次发布

目录

1. 安装配置 DevEco Studio

1.1 DevEco Studio 下载与安装

访问HarmonyOS开发者网站（https://developer.harmonyos.com/cn/develop/deveco-studio#download），根据电脑系统选择相应的版本下载，这里以Windows系统的3.1版本为例。

下载完成后，解压压缩包，双击“deveco-studio-3.1.0.exe”，进入DevEco Studio 安装向导，单机“next”按照安装指引至安装完成。

1.2 DevEco Studio 环境配置

双击打开IDE，会进入IDE的配置页，点击【agree】进入环境配置。
环境配置页面进入之前，有个导入设置的弹窗，选择 Do not import settings，点击【OK】

1）Basic Setup
Node.js 选择从华为镜像安装到本地。
Ohpm 选择安装到本地
在这里插入图片描述
2）SDK Setup
配置SDK下载至合适的位置
在这里插入图片描述
阅读Licence协议后，选择【accept】，点击【next】进入下一步。
3）Summary
确认下载地址无误后，点击【next】进入下一步。
等待IDE自动下载完成后，点击【Finish】进入欢迎页。

1

最低0.47元/天 解锁文章
DevEco Studio使用
xianKOG的博客
01-09 2714
HUAWEI DevEco Studio（获取工具请单击链接下载，以下简称DevEco Studio）是基于IntelliJ IDEA Community开源版本打造，为运行在HarmonyOS系统上的应用和元服务（以下简称应用/元服务）提供一站式的开发平台。APP包结构在进行应用/元服务开发前，开发者应该掌握应用/元服务的逻辑结构。
HarmonyOS应用开发工具DevEco Studio安装与使用
码小白.
12-04 4516
选择要安装的Node.js和Ohpm位置，其中ohpm是Open Harmony Package Management的缩写，也就是类似npm的包管理工具。一般就是因为你本地原本的Node.js配置异常导致的，建议清理环境变量中对于Node.js的配置之后再重试。这里会提示安装出现问题的选项，点击异常项后面的set it up now即可重新安装。创建好的应用中已经有了基础代码，我们以后开发后可以直接在工具中预览页面样式。不过需要先配置模拟器。，而是再次打开DevEco Studio，点击界面左下方的**
鸿蒙 Window 环境的搭建
繁华落尽的博客
12-31 2800
鸿蒙操作系统是国内自研的新一代的智能终端操作系统，支持多种终端设备部署，能够适配不同类别的硬件资源和功能需求。是一款面向万物互联的的全场景分布式操作系统。
HarmonyOS/OpenHarmony应用开发-HUAWEI DevEco Studio 3.1API9集成SDK
weixin_69135651的博客
03-27 2627
说明：适用api9及以上
DevEco Studio使用简介
sinat_34896766的博客
07-16 2524
在不需要进行格式化操作的内容前加“//@formatter:off”，在不格式化的内容后加“//@formatter:on”，即表示对该范围内的内容不需要进行格式化操作。在要查找的对象上，单击鼠标右键>Find Usages，或Alt+F7，即可查找该变量被引用的地方。在编辑器中，可以按住ctrl键，鼠标单击代码中引用的类、方法、参数、变量等，自动跳转到定义处。，打开代码结构树，快速查看文件代码的结构树，包含全局变量和函数、类成员变量和方法等，并可跳转到对应行。使用ctrl+/，即可快速注释或取消注释。
HarmonyOS5.0中DevEco Studio 使用指南与开发实例详解
cainiao888888000的博客
06-03 1885
摘要：本文详细介绍了华为鸿蒙应用开发工具DevEcoStudio的使用流程，从基础功能到高级应用开发。主要内容包括：1)DevEcoStudio概述及环境配置要求；2)通过创建智能天气预报应用演示开发全流程，包含项目创建、UI设计、数据模型建立、功能实现等；3)详细介绍调试、测试、优化方法；4)高级功能如分布式调试和原子化服务开发；5)应用打包发布流程。文章特别展示了如何利用CodeGenie智能助手快速生成代码，并提供了性能优化技巧和常用快捷键参考，为开发者提供全面的鸿蒙应用开发指导。（148字）
精选资源
Huawei DevEco Studio使用指南.pdf
06-04
通过以上对华为DevEco Studio使用指南的解析，可以看出它为开发者提供了全面的开发工具支持，涵盖了HarmonyOS应用开发的每一个环节。其目的是降低鸿蒙系统应用开发的门槛，提高开发效率，最终推动鸿蒙生态的发展和...
精选资源
基于DevEco Studio开发鸿蒙手表APP项目代码（高分项目代码）
08-12
基于DevEco Studio开发鸿蒙手表APP项目代码（高分项目代码），含有代码注释，新手也可看懂，个人手打98分项目，导师非常认可的高分项目，毕业设计、期末大作业和课程设计高分必看，下载下来，简单部署，就可以使用。...
Huawei DevEco Studio使用指南_鸿蒙学堂-0001_鸿蒙开发环境_鸿蒙学堂官网_鸿蒙_鸿蒙学堂_
10-04
《华为DevEco Studio使用指南》是为鸿蒙开发者提供的一份详尽的开发环境配置与使用手册。鸿蒙学堂，作为华为官方的学习平台，致力于为开发者提供最全面、最新的鸿蒙系统开发教程和资源。这份文档将带你深入了解如何...
DevEco Studio的使用
sinat_34896766的博客
07-15 865
DevEco Studio是一个一体化软件，将HarmonyOS SDK、OHPM、模拟器等集于一体，为用户提供了开箱即用的开发体验。
Dev Studio 安装与使用
帅次的博客
03-15 6131
一、DevEco Studio 下载根据自己环境进行下载，下面就是常规的安装应用方式。二、DevEco Studio 诊断开发环境第一次打开会自动诊断，后面可通过右下方 help（帮助） 进入诊断开发环境。如下：这里很容易出现两个小问题：npm 仓库是否可访问报错，需要配置NPM代理。ohpm 是否设置正确报错。2.1 配置NPM代理1.第一次进入：如果报错可通过提示直接进入设置页面 2.通过项目进入设置页面:npm 注册表：配置npm仓的地址信息。
HarmonyOS NEXT——DevEco Studio的使用（还没写完）
SICHUAN3U8633的博客
05-03 2417
为保证DevEco Studio正常运行，建议电脑配置满足如下要求：操作系统：Windows10 64位、Windows11 64位内存：16GB及以上硬盘：100GB及以上分辨率：1280*800像素及以上1、下载完成后，双击下载的“deveco-studio-xxxx.exe”，进入DevEco Studio安装向导，点击Next安装2、在如下界面选择安装路径，默认安装于C:\Program Files路径下，也可以单击浏览（B）...指定其他安装路径，然后单击Next。3、在如下安装选项界面勾选Dev
DevEco Studio下载安装及基本使用
ChinaW_804的博客
03-19 6183
开发 HarmonyOS 应用及元服务的集成开发环境（IDE）；提供 AI 辅助编程、编译构建、UI 实时预览、代码调试、性能调优、模拟器等功能，帮助你高效开发鸿蒙应用及元服务。
使用DevEco Studio高效开发（篇三）
Raink老师的博客
05-16 2176
本文详细介绍了在HarmonyOS应用开发中使用真机调试的操作方法，包括USB连接和无线调试两种方式。首先，开发者需确保设备支持HarmonyOS 5，并开启开发者选项。通过USB连接时，需打开USB调试开关并允许调试；无线调试则需确保设备与PC在同一网络，并获取设备的IP地址和端口号进行连接。调试过程中，开发者可以使用DevEco Studio进行应用编译、安装和运行，并支持录屏功能以展示应用效果。此外，文章还介绍了代码调试的方法，包括断点设置、调试设备选择和HotReload热重载功能，提升调试效率。最
【HarmonyOS Next之旅】DevEco Studio使用指南(二十一)
Small world
07-17 1106
在预览场景中，由于代码的运行环境与真机设备上的运行环境不同，调用部分接口时无法获取到有效的返回值(例如获取电池电量信息等，在预览场景下batteryInfo.voltage返回的是一个固定的值0)，这样就无法在预览时查看到不同返回值带来的界面变化。在HarmonyOS分布式应用/元服务的开发阶段，因不同设备的屏幕分辨率、形状、大小等不同，开发者需要在不同的设备上查看应用/元服务的UI布局和交互效果，此时便可以使用多端设备预览器功能，方便开发者在应用/元服务开发过程中，随时查看不同设备上的界面显示效果。
DevEco studio的使用（笔记）
weixin_46949627的博客
10-23 4231
一、项目构成 test1：项目名称 external libraries：集成的jar包，其中包含： 华为提供鸿蒙相关API Java相关jdk Gradle是自动生成项目的工具，这里也有与gradle相关jar包 打开项目 .gradle：即为项目管理工具gradle的信息 .idea:开发工具信息（studio） entry：应用主模块，一个应用，有且只有一个主模块 其余就为项目管理工具的配置信息 点开entry ...
deveco studio使用js开发app
最新发布
09-27
DevEco Studio是基于IntelliJ IDEA Community开源版本打造的面向华为终端全场景多设备的一站式集成开发环境，能为开发者提供HarmonyOS应用开发服务，使用其通过JavaScript开发APP可结合其特性开展工作。 在开发方法上，DevEco Studio具备高效智能代码编辑功能，支持JavaScript语言的代码高亮、代码智能补齐、代码错误检查、代码自动跳转、代码格式化、代码查找等，开发者可利用这些功能高效编写JavaScript代码。其低代码可视化开发特点，虽强调了丰富的UI界面编辑能力，但也可辅助使用JavaScript进行APP开发，支持自由拖拽组件和可视化数据绑定，可快速预览效果，这有助于JavaScript代码与UI界面的结合。多端双向实时预览和多端设备模拟仿真功能，能让开发者在使用JavaScript开发APP过程中，便捷查看代码运行效果并获取调试环境，如支持UI界面代码的双向预览、实时预览等，还提供HarmonyOS本地模拟器、远程模拟器等 [^1][^2]。 关于教程，可参考【HarmonyOS Next之旅】DevEco Studio使用指南，该指南虽未明确针对JavaScript开发APP，但作为DevEco Studio的使用指南，能为开发者使用其通过JavaScript开发APP提供基础的操作指引，帮助开发者了解DevEco Studio基本的代码开发、编译构建及调测等功能以及其特有的特点，进而更好地使用JavaScript完成APP开发 [^2]。 以下为使用DevEco Studio创建JavaScript项目的简单示例代码，假设创建一个简单的Hello World页面： ```javascript // pages/index/index.js export default { data() { return { message: 'Hello World' } } } ``` ```html <!-- pages/index/index.hml --> <div class="container"> <text>{{message}}</text> </div> ``` ```css /* pages/index/index.css */ .container { width: 100%; height: 100%; justify-content: center; align-items: center; display: flex; } ```
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值