【鸿蒙】HarmonyOS NEXT星河入门到实战1-开发环境准备
目次一、达成目标
二、鸿蒙开发环境准备
2.1 开发者工作下载
2.2 解压安装
2.3 运行配置安装node.js和SDK
2.4 开始创建第一个项目
2.5 预览
2.5.1 预览遇到的题目(报错)
2.5.2 修改内容查看预览
三、备用下载地点(如果下载是4.X版本的就需要操作此步)
前言:纯国产的体系,学习一下,零根本,从入门到实战,记录学习过程,本系列学完可以实现:1、学完可以实现独立app开发 ;2、app就可以调用体系能力、华为服务,而且可以或许适配不同的终端设备;3、能掌握低本钱、多元化,1+8+N的物联网鸿蒙开发能力。
一、达成目标
https://i-blog.csdnimg.cn/direct/8caa2a2109034a9ca33d7a957a044e72.png
学完可以实现独立app开发
https://i-blog.csdnimg.cn/direct/3f858c7b4d4c43c2947f8bb91378abbb.png 学完之后,app就可以调用体系能力、华为服务,而且可以或许适配不同的终端设备https://i-blog.csdnimg.cn/direct/07c52d2955574c53b2e21e4385cc0c2d.png
学完之后,能掌握低本钱、多元化,1+8+N的物联网鸿蒙开发能力
二、鸿蒙开发环境准备
2.1 开发者工作下载
HarmonyOS官网---》一探毕竟---》开发--->DevEco Studio下载
开发-HarmonyOS NEXT鸿蒙应用开发平台-华为开发者联盟
https://i-blog.csdnimg.cn/direct/3f9f692b44e1475a9b9e4d7fbbb3b0d8.png
https://i-blog.csdnimg.cn/direct/c3084daa32144a3ebecf565972e1774d.png
2.2 解压安装
解压 《devecostudio-windows-5.0.3.706.zip》
实行deveco-studio-5.0.3.706.exe文件即可,安装时建议单独创建文件夹HarmonyOS文件夹
https://i-blog.csdnimg.cn/direct/878b6025e44242c4b1f2e978eb71f72a.png
https://i-blog.csdnimg.cn/direct/49b10c352ef740b6a2e83e10b78f65d4.png
2.3 运行配置安装node.js和SDK
打开桌面DevEco Studio--》 选择Do not import settings 由于第一次安装不需要导入之前的配置
https://i-blog.csdnimg.cn/direct/62e71f20a81a458499f80000c3204074.png
https://i-blog.csdnimg.cn/direct/e3eb18dc568744b49c6c35f4731a0f95.png
2.4 开始创建第一个项目
点击创建项目
https://i-blog.csdnimg.cn/direct/9964c6cb21064132813fd013daec2780.png
https://i-blog.csdnimg.cn/direct/73fc712acd5e41d98c330528a0107ef6.png 等待
https://i-blog.csdnimg.cn/direct/f03776e2285c4facb509f4d2fb14d23e.png
按路径打开对应文件Index.ets
https://i-blog.csdnimg.cn/direct/11ba4bd87f9d44c5ae09c92693c7fdd3.png
2.5 预览
https://i-blog.csdnimg.cn/direct/fd7f14a1947f46a39d75859333c6575f.png https://i-blog.csdnimg.cn/direct/48a01329bb1c4f6396d448b5d3bf50aa.png
这个时候预览 遇到报错了 见2.6
2.5.1 预览遇到的题目(报错)
报错内容:
1、For the system to execute the npm command under the specified directory and detect the npm version correctly, delete the prefix attribute in the .npmrc configuration file or delete the D:\Program Files\nodejs\node_modules\npm folder.
题目1:我是解释掉谁人文件夹,由于不知道从前做什么安装的,暂时不删除
题目2:npm堕落实行了下面的修改镜像源,然后再编译器点try again:
https://i-blog.csdnimg.cn/direct/9e5612855b3240188e939853af21d85f.png
npm config set registry https://registry.npmjs.org/ 2.5.2 修改内容查看预览
生存之后即可预览
https://i-blog.csdnimg.cn/direct/fc0e9f4d03a24cc1bda6b0ed59997b51.png
2.6 修改为中文
File-》Settings-》 Plugins-》Installed-》输入chines 找到打勾-》Apply-》OK-》Restart
https://i-blog.csdnimg.cn/direct/1510559904a942ccaa3a48aebc3ee70e.png
https://i-blog.csdnimg.cn/direct/1fffb91668d5430e89d02602e62f59e0.png https://i-blog.csdnimg.cn/direct/704cf43557ad448db6d3c01dd0c1433b.png
三、备用下载地点(如果下载是4.X版本的就需要操作此步)
我是5.x不需要
OpenHarmony官网-》开发者-》相识OpenHarmony-》版本说明-》配套关系(下载)
地点:OpenAtom OpenHarmony
https://i-blog.csdnimg.cn/direct/ce6c5ec1e11146138b72a430f6c6ec06.png
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]