【开源鸿蒙Flutter学习笔记Windows版】Day1-3 篇一

一、应用安装

首先要下载git、Java和DevEoco Studio三项,然后进行环境配置。建议下载时尽量不要选择c盘,虽然我不清楚为什么,可能防止c盘文件太多后续卡(?),反正尽量选择其他盘下载

git下载地址:https://git-scm.***/install/

我参考的对应下载教程blog:

https://blog.csdn.***/2301_80035882/article/details/155000175?spm=1011.2415.3001.5331

Java下载地址:https://www.oracle.***/java/technologies/downloads/#java17-windows

ps.据群内大佬所述该下载方式会自动配置变量值,可能会在后续配置环境变量等出现问题,可以尝试群友提供的另一个下载方式。如下:https://mirrors.huaweicloud.***/openjdk/11.0.2/

相关教程blog:(如果用第二个链接,直接出来就是压缩包,解压就行)https://blog.csdn.***/QWERTYwqj/article/details/140808966?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522004d450d3358e3e12bd9fd4e568b155d%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=004d450d3358e3e12bd9fd4e568b155d&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-140808966-null-null.142^v102^pc_search_result_base2&utm_term=Java17&spm=1018.2226.3001.4187

DevEoco Studio下载地址:https://developer.huawei.***/consumer/***/download/(我这里选择的是6.0稳定版

 

 该处Add根据群友所述似乎可选可不选,印象中我取消了勾选。

 

 以上安装完毕后进入下一步。

二、配置DevEoco Studio相关内容

具体过程记不太清了,反正就记得要新建一个项目,然后可以安一个虚拟机。这部分建议可以再搜寻对应教程。

虚拟机如下图:作为初学者看到这里还是蛮兴奋的。

 尝试运行了一下,看到Hello World

试着改了一下显示的文字,其实感觉应该Wel***e 2026了哈哈。 

 三、配置环境变量

下面有部分配置过程的截图,有部分忘记截图了。大部分都要配置在环境变量系统变量的Path当中。打开环境变量的方式:可以直接按win间打开搜索框搜索编辑系统环境变量

以下是我Path中所有变量。重点关注后缀,对应自己的路径来配置。

 除此之外,还有几项是得单独新建配置路径的。如下:

这里仍需注意是配置在环境变量中的系统变量里面。配置方式是选择新建

 

 

 

 

 四、检查Flutter的版本及环境

没记错的话是以下步骤:

1、win+r呼出一个显示运行的框,输入cmd

2、在弹出的黑框内首先输入flutter --version

检查Flutter版本。(记得输入后要按Enter键)

可能会在下图卡一会,过一会就会接着输出的,不用担心。

 正常输出后会出现以下:

那个C:\多几行不用管,可能是我Enter按多了。

 3、输入flutter doctor -v诊断Flutter环境

 在下图位置可能仍然会卡一下,正常。

成功后应该如下图所示: 

 五、创建并编译项目

(我在此处卡了两天,有部分是问题是由群友帮忙解决的,以下描述不完整确切之处请一定要多找几篇blog之类的参考或咨询前辈。)

一、首先创建一个新的文件夹来保存你的开源鸿蒙Flutter项目

在该文件夹内路径输入cmd,然后在黑框内输入:flutter create --platforms ohos <projectName>

此处<projectName>须改为你想创建的项目名

正确完成后会在该文件夹内出现一个新的文件,文件名就是你起的项目名。

点击进去,进行下一步。

二、构建APP

在上述项目路径位置,输入powershell+Enter,

之后在新弹出的黑框内输入flutter build app --release

ps.如果构建失败可以去环境变量中查找Java的变量配置等是否出现问题,这也是我在开头提到的可能出现问题的地方。这一部分极其重点。

构建成功就会是多是蓝色字符,因为这一部分成功画面由群内大佬协助,故并未留存所有截图。仅有以下一张:

 接下来就是关于签名的设置,在DevEoco Studio中找到项目,找到ohos,然后信任此项目,具体行动我不是特别懂。反正完成签名后,就进行下一步。

三、编译与启动项目

启动你的虚拟机和DevEoco Studio,按右上角绿色按钮运行。

 获得上图内容就完成了。

 

 

 

转载请说明出处内容投诉
CSS教程网 » 【开源鸿蒙Flutter学习笔记Windows版】Day1-3 篇一

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买