当前位置:   article > 正文

鸿蒙开发环境搭建,DevEco Studio IDE下载与安装——鸿蒙开发日记_deveco studio node.js

deveco studio node.js

前言:

12月16 日时华为发布了鸿蒙os2.0 bate 版本 ,我就想着学习一下鸿蒙os并且分享给大家,所以就将自己的学习心得写下来。

运行环境要求:

在这里插入图片描述

下载和安装DevEco Studio:

Windows环境:

下载和安装Node.js

Node.js应用于开发JS应用和运行预览器功能,是开发HarmonyOS应用过程中必备的软件。

说明
如果已安装Node.js,打开命令行工具,输入node -v命令,检查版本号信息,建议使用V12.0.0及以上版本。

1.登录Node.js官方网站,下载Node.js软件包。请选择LTS版本,Windows 64位对应的软件包。
在这里插入图片描述
2.点击下载后的软件包进行安装,全部按照默认设置点击Next,直至Finish。安装过程中,Node.js会自动在系统的path环境变量中配置node.exe的目录路径。

下载和安装DevEco Studio

DevEco Studio的编译构建依赖JDK,DevEco Studio预置了Open JDK,版本为1.8,安装过程中会自动安装JDK。
1 .登录HarmonysOS应用开发门户,点击右上角注册按钮,注册开发者帐号,注册指导参考注册华为开发者联盟帐号。如果已有华为开发者联盟帐号,请直接点击登录按钮。

说明
使用DevEco Studio远程模拟器需要华为开发者联盟帐号进行实名认证,建议在注册华为开发者联盟帐号后,立即提交实名认证审核,认证方式包括“个人实名认证”和“企业实名认证”,详情请参考实名认证

2 .进入HUAWEI DevEco Studio产品页,下载DevEco Studio安装包。
在这里插入图片描述
下载后会得到一个压缩包,解压后可以看到
在这里插入图片描述

3 .双击下载的“deveco-studio-xxxx.exe”,进入DevEco Studio安装向导,在如下安装选项界面勾选DevEco Studio launcher后,点击Next,直至安装完成。

选择适合的安装路径。
在这里插入图片描述
勾选创建桌面快捷方式。
在这里插入图片描述
然后一路next,直到安装成功。
在这里插入图片描述
4.安装完成后,先不要勾选Run DevEco Studio选项,接下来请根据配置开发环境,检查和配置开发环境。

Mac环境

下载和安装Node.js

Node.js软件仅在使用到JS语言开发HarmonyOS应用时才需要安装。使用其它语言开发,不用安装Node.js,请跳过此章节。

说明
如果已安装Node.js,打开终端工具,输入node -v命令,检查版本号信息,建议使用V12.0.0及以上版本。

1.登录Node.js官方网站,下载Node.js软件包。请选择LTS版本,Mac 64位对应的软件包。
在这里插入图片描述
2.点击下载后的软件包进行安装,根据安装向导完成Node.js的安装。Mac系统在安装软件过程中,需要输入用户系统密码来授权系统运行安装新软件。

下载和安装DevEco Studio

DevEco Studio的编译构建依赖JDK,DevEco Studio预置了Open JDK,版本为1.8,安装过程中会自动安装JDK。
1.登录HarmonysOS应用开发门户,点击右上角注册按钮,注册开发者帐号,注册指导参考注册华为开发者联盟帐号。如果已有华为开发者联盟帐号,请直接点击登录按钮

说明
使用DevEco Studio远程模拟器需要华为开发者联盟帐号进行实名认证,建议在注册华为开发者联盟帐号后,立即提交实名认证审核,认证方式包括“个人实名认证”和“企业实名认证”,详情请参考实名认证

2.进入HUAWEI DevEco Studio产品页,下载DevEco Studio安装包
3.双击下载的“deveco-studio-xxxx.dmg”软件包。
4.在安装界面中,将“DevEco-Studio.app”拖拽到“Applications”中,等待安装完成。
在这里插入图片描述
5.安装完成后,先不要启动DevEco Studio,接下来请根据配置开发环境,检查和配置开发环境

正式开发:

第一次使用需要安装一些 SDK并且有用户协议,一路同意即可。

下载好SDK后,需要进行一下配置。打开configuration->setting
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
勾选完之后,点击apply,会弹出如下对话框,点击确定,进行下载。
在这里插入图片描述
在这里插入图片描述
下载完成后就可以开始创建项目写代码了。

第一次写代码:

我们点击Create HamonyOS Project 创建一个新的应用工程。
在这里插入图片描述
我们选择phone 手机端开发,我之前是android开发,所以我选java语言
在这里插入图片描述
项目名 项目包名 选择项目存放路径 以及sdk版本(最好不要出现中文)然后我们点击finish

在这里插入图片描述
进去以后可以看到
在这里插入图片描述
我们进布局文件看看:

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text_helloworld"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="Hello World"
        ohos:text_size="50"
    />

</DirectionalLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

在这里插入图片描述

在DevEco Studio菜单栏,点击Tools > HVD Manager。首次使用模拟器,需下载模拟器相关资源,请点击OK,等待资源下载完成后,请重新点击Tools > HVD Manager。
在这里插入图片描述
这时候浏览器会打开华为账号登录界面让你登录 输入自己的开发者账号密码登录即可 要启动模拟器需要成为开发者账号才行 。
在这里插入图片描述

登录以后点击允许
在这里插入图片描述

完成以后可以选择模拟器,我们就选P40吧
在这里插入图片描述

然后P40就出来了,我们再点Run entry启动项目
在这里插入图片描述
在这里插入图片描述
最后看到,运行成功!

总结:

作为一名android程序员,我第一次上手鸿蒙我感觉还是挺容易的,我还没太深入去学,后面有心得会继续分享,具体还需要去看官网的文档和API如何使用。我个人感觉鸿蒙还是前景广阔的,希望大家能和我一同努力,学会这门技术。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/224211
推荐阅读
相关标签
  

闽ICP备14008679号