全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)

时间:2024-03-22 16:35:14

1. 下载安装node.js

  • 下载地址:http://nodejs.cn/download/
  • 下载需要的版本:windows下载msi安装包
  • 安装和常规软件一样,一直下一步,安装完成即可。安装完成后,打开CMD终端,输入:node -v ,出现版本即安装成功。一般做个开发工作,电脑都是已经有node了,可以直接跳过该步。
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)

2. 下载安装 DevEco Studio

  • 下载地址:https://developer.harmonyos.com/cn/develop/deveco-studio#download
  • 目前只有windows版本,需要注册一个华为账号,登陆后按下图中下载安装包

全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)

  • 安装包解压后得到exe格式安装文件,双击打开安装,安装位置路径全英文,安装时候如下图,创建桌面快捷方式勾选上,然后一直下一步即可
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)

全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
3. 配置 DevEco Studio

  • 安装完成后,打开软件,会询问是否导入一些配置文件,跳过即可。如下图
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
  • 第一次使用需要下载一些SDK,同意后,等待安装完成,安装完后点击finish,如下图:
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
  • 进行一些必要的配置,依次点击 configure–>settings,打开的窗口进行设置,分别勾选上 Js 和 Previewer ,然后 apply,然后ok,就开始下载安装了,几分钟即可完成,如下图:
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
  • 下载完成后,finish,即可打开软件进行项目开发了,创建项目就可以开始了。
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
    4. 安装 gradle 组件
  • 首次开发项目时候,会自动下载 gradle ,等待自动下载完成后即可。
  • view—tool windows—priviewer 就可以查看app 的运行效果,如下图
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)
    全球首发鸿蒙系统(HarmonyOS2.0)开发环境搭建图文教程(DevEco Studio IDE 安装及设置)