当前位置:   article > 正文

安装DevEco Studio_deveco studio node.js

deveco studio node.js

下载

首先进入鸿蒙开发者官网,顶部导航栏选择开发->DevEco Studio

在这里插入图片描述

根据操作系统下载不同版本,其中Mac(X86)为英特尔芯片,Mac(ARM)为M芯片。

在这里插入图片描述

安装

  1. 下载完毕后,开始安装。

  2. 点击Agree

    在这里插入图片描述

  3. 首次使用,请选择Do not import settings,单击OK

配置

接下来介绍首次启动DevEco Studio的配置向导:

  1. 安装Node.js与ohpm。可以指定本地已安装的Node.js或ohpm(Node.js版本要求为v14.19.1及以上,且低于v17.0.0;对应的npm版本要求为6.14.16及以上)路径位置;如果本地没有合适的版本,可以选择Install按钮,选择下载源和存储路径后,进行在线下载,单击Next进入下一步。

    如果配置向导界面出现的是设置HTTP Proxy Setup,说明网络受限,请根据参考信息配置DevEco Studio代理后,再下载Node.js、ohpm和SDK。

    img

  2. SDK Setup界面,单击img按钮,设置HarmonyOS SDK存储路径,单击Next进入下一步。

    HarmonyOS SDK路径中不能包含中文字符。

    img

  3. 在弹出的SDK下载信息页面,单击Next,并在弹出的License Agreement窗口,阅读License协议,需同意License协议后,单击Next

    下载SDK过程中,如果出现下载JS SDK失败,提示“Install Js dependencies failed.”,请根据JS SDK安装失败处理指导进行处理。

    img

  4. 确认设置项的信息,点击Next开始安装。

    img

  5. 等待Node.js、ohpm和SDK下载完成后,单击Finish,界面会进入到DevEco Studio欢迎页。

如果首次不小心关闭了窗口

点击Help -> Diagnose Development Environment可以识别开发环境是否完备。

在这里插入图片描述

在这里插入图片描述

点击Set it up now,根据提示下载即可。

在这里插入图片描述

使用

创建项目

在这里插入图片描述

在这里插入图片描述

点击侧边栏的Previewer,即可看到效果

在这里插入图片描述

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

闽ICP备14008679号