鸿蒙入门02-首次安装和配置

:还没有安装编辑器( deveco studio )的小伙伴请看鸿蒙入门01-下载和安装-CSDN博客

首次安装配置

  • 编辑器( deveco studio )安装完毕以后
  • 需要进入配置界面进行相关配置
  • 配置完毕以后才可以正常使用

环境配置( 以 Windows 为例 )

建议:在非系统盘创建一个英文文件夹,将所有的依赖和插件都放到这个文件夹,方便寻找。

  • 双击 DevEco Studio 快捷方式进入配置界面

DevEco 打开配置导航界面以后,直接点击 Agree 按钮,同意相关条款,进入配置页

注意:如果你的电脑是首次使用 DevEco Studio 的话

那么直接点击 " Do not import settings " 即可,表示不导入相关配置

  • 进入 DevEco Studio 配置页面

第一项要进行的是基础依赖环境配置

此处包含 nodejs 和 Ohpm 的安装路径设置

上图 1 号位置位 nodejs 环境配置

nodejs 版本要求:v14.19.1 以上 并且 v17.0.0 以下

npm 版本要求: v6.14.16 以上

如果你本地有对应版本的 nodejs 那么不需要选择下载(Install)直接选择本地(Local) 即可

如果你本地没有对应版本的 nodejs 那么选择下载(Install)并且设定对应的存储路径后即可

如果你选择下载,那么对应的下载路径选择华为镜像即可( from Huawei Mirror v16.19.1 )

上图 2 号位置位 Ohpm 环境配置

如果你本地有这个环境的话,不需要选择下载(Install)直接选择本地(Local)即可

但是大概率你是没有的,所以这里直接选择下载(Install)即可

然后点击下一步(Next)按钮进入下一项

  • 进入 SDK 环境配置

这里进行鸿蒙开发的 SDK 环境配置

自定义选择一个 SDK 环境的存储目录即可

点击下一步(Next)按钮进入下一项

  • 进入 " SDK License Agreement " 界面

这里阅读相关协议以后,勾选 Accept 表示同意

点击下一步(Next)按钮进入下一项

  • 进入确认配置页面

进入到确认配置界面

查看配置选项是否准确( 其实就是意思一下,让你看看 )

直接点击下一步(Next)按钮进入下一项

  • 进行下载安装过程

这里等待下载安装即可

等待进度条完成以后

点击完成(Finish)按钮完成即可

  • 进入欢迎界面

上一步点击完成(Finish)以后

会进入这里的 DevEco Studio 的环境界面

表示安装已经完成了

安装环境自测

  • 进行安装诊断

安装完成以后建议检测一下你的开发环境

确保安装环境没有问题

点击左下角的帮助(Help)按钮

选择第一个 Diagnose Development Environment 进行检测即可

点击过后会进入自测界面

如果全部都是正常,表示你的开发者工具可以正常使用了

下图是中文环境下的自测界面,对照一下就知道自己的编辑器哪里出现问题了

相关推荐
军军君0128 分钟前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9221 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
听麟2 小时前
HarmonyOS 6.0+ 智慧出行导航APP开发实战:离线地图与多设备位置协同落地
华为·wpf·harmonyos
打小就很皮...2 小时前
Tesseract.js OCR 中文识别
前端·react.js·ocr
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
wuhen_n2 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon2 小时前
理解vue中的ref
前端·javascript·vue.js
jin1233223 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
落霞的思绪4 小时前
配置React和React-dom为CDN引入
前端·react.js·前端框架