鸿蒙入门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 进行检测即可

点击过后会进入自测界面

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

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

相关推荐
掘金安东尼2 分钟前
VSCode V1.107 发布(2025 年 11 月)
前端·visual studio code
一只小阿乐5 分钟前
前端vue3 web端中实现拖拽功能实现列表排序
前端·vue.js·elementui·vue3·前端拖拽
AAA阿giao10 分钟前
从“操纵绳子“到“指挥木偶“:Vue3 Composition API 如何彻底改变前端开发范式
开发语言·前端·javascript·vue.js·前端框架·vue3·compositionapi
TextIn智能文档云平台16 分钟前
图片转文字后怎么输入大模型处理
前端·人工智能·python
专注前端30年18 分钟前
在日常开发项目中Vue与React应该如何选择?
前端·vue.js·react.js
ezeroyoung19 分钟前
鸿蒙MindSpore Lite 离线模型转换指南
华为·大模型·harmonyos
文刀竹肃32 分钟前
DVWA -XSS(DOM)-通关教程-完结
前端·安全·网络安全·xss
lifejump36 分钟前
Pikachu | XSS
前端·xss
进击的野人40 分钟前
Vue 组件与原型链:VueComponent 与 Vue 的关系解析
前端·vue.js·面试
馬致远1 小时前
Vue todoList案例 优化之本地存储
前端·javascript·vue.js