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

点击过后会进入自测界面

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

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

相关推荐
Sun_light12 分钟前
6个你必须掌握的「React Hooks」实用技巧✨
前端·javascript·react.js
爱学习的茄子14 分钟前
深度解析JavaScript中的call方法实现:从原理到手写实现的完整指南
前端·javascript·面试
莫空000015 分钟前
Vue组件通信方式详解
前端·面试
呆呆的心15 分钟前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
susnm20 分钟前
Dioxus 与数据库协作
前端·rust
优雅永不过时_v24 分钟前
基于vite适用于 vue和 react 的Three.js低代码与Ai结合编辑器
前端·javascript
小皮侠26 分钟前
nginx的使用
java·运维·服务器·前端·git·nginx·github
WildBlue27 分钟前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
啷咯哩咯啷32 分钟前
Vue3构建低代码表单设计器
前端·javascript·vue.js
用户261245834016133 分钟前
vue学习路线(10.监视属性-watch)
前端·vue.js