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

点击过后会进入自测界面

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

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

相关推荐
拾光拾趣录11 分钟前
for..in 和 Object.keys 的区别:从“遍历对象属性的坑”说起
前端·javascript
OpenTiny社区22 分钟前
把 SearchBox 塞进项目,搜索转化率怒涨 400%?
前端·vue.js·github
编程猪猪侠1 小时前
Tailwind CSS 自定义工具类与主题配置指南
前端·css
qhd吴飞1 小时前
mybatis 差异更新法
java·前端·mybatis
YGY Webgis糕手之路1 小时前
OpenLayers 快速入门(九)Extent 介绍
前端·经验分享·笔记·vue·web
患得患失9491 小时前
【前端】【vueDevTools】使用 vueDevTools 插件并修改默认打开编辑器
前端·编辑器
ReturnTrue8681 小时前
Vue路由状态持久化方案,优雅实现记住表单历史搜索记录!
前端·vue.js
UncleKyrie1 小时前
一个浏览器插件帮你查看Figma设计稿代码图片和转码
前端
遂心_1 小时前
深入解析前后端分离中的 /api 设计:从路由到代理的完整指南
前端·javascript·api
你听得到112 小时前
Flutter - 手搓一个日历组件,集成单日选择、日期范围选择、国际化、农历和节气显示
前端·flutter·架构