在这篇笔记是有关于总结出来flutter的安装与环境配置的详细步骤
同时在此期间,出现的一些问题,也列出来了解决办法(可以直接点击目录跳转)
如:
配置虚拟机模拟器安装时,Windows家庭版默认没有Hyper-V,所有需要配置才能运行模拟器。这里有此配置办法
目录
第一步安装git为后续开发做准备
下载成功检测办法:1.在桌面上右击鼠标后有Open Git GUI here这个选项就行
第二步 下载jdk安装jdk并配置jdk环境变量
下载成功的检测办法:在命令行输入:
java环境配置
编辑Path变量:在“系统变量”中找到Path变量,选中后点击“编辑”
第三步安装开发工具
第四步给开发工具的四个路径配置系统变量
第五步安装flutter并配置环境变量
第六步DevEco Studio 相关配置
Windows家庭版默认没有Hyper-V,需要自己手动配置
第一步安装git为后续开发做准备
这里给出git安装网站的网址(https://git-scm.***/download/win),接下来可以按照我的步骤来进行(注意:这些步骤需要看清勾选的选项,在图片上就不做标记)
根据自己型号来下载:我这里选择的是Windows/64的Git配置
注意:这里要勾选第一个选项 Addittional icons
注意:到下面图片时,点击第一个选项Use the OpenSSL library
下载成功检测办法:1.在桌面上右击鼠标后有Open Git GUI here这个选项就行
或者:2.在命令行里面输入git,出现一大串英文就成功了。
第二步 下载jdk安装jdk并配置jdk环境变量
这里下载的是Java jdk17,网站如下。其余也按照我的步骤图片来看就行
(Java Archive Downloads - Java SE 17.0.12 and earlier)
下载成功的检测办法:在命令行输入:
java -version
出现跟下图类似的就成功了
接着是:
java环境配置
进入环境变量
编辑Path变量:
在“系统变量”中找到Path变量,选中后点击“编辑”
然后点击“新建”并添加JDK的bin目录路径(与安装时的一致哦),例如:
D:\Java\17\bin
一定要点击确定
接着在命令行输入
Java -version
第三步安装开发工具
安装软件就不在这里讲述了,但是接下来软件中的模拟器安装会有步骤
第四步给开发工具的四个路径配置系统变量
这里是按照我下载软件是的安装目录来的
D:\deveo\DevEco Studio\sdk\default\openharmony\toolchains
D:\deveo\DevEco Studio\tools\hvigor\bin
D:\deveo\DevEco Studio\tools\node
D:\deveo\DevEco Studio\tools\ohpm\bin
同样还是在环境变量中的path,跟上面Java环境配置一致。
新建系统变量(变量值是在安装软件的安装目录中sdk目录的地址)
DEVECO_SDK_HOME
D:\deveo\DevEco Studio\sdk
第五步安装flutter并配置环境变量
接着在命令行输入已下命令(接下来也是按照我的步骤图来进行):
git clone -b oh-3.27.4-dev https://gitcode.***/openharmony-tpc/flutter_flutter.git
D:\flutter_flutter\bin
注意注意,这个环境配置是你下载flutter_flutter的bin文件,上面图片示范是在C盘,但是后面我觉得占我C盘位置,所以我又下载到了D盘
下面是环境配置
PUB_HOSTED_URL
https://pub.flutter-io.***
FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.***
我们只用看HarmonyOS toolchain - develop for Harmony devices 那几行行是绿色的就行
下面是红色的不用管
第六步DevEco Studio 相关配置
这里是创建了三个文件夹用来等会在DevEco Studion下载配置的时候用的
(接下来也是按照步骤图来看)
Windows家庭版默认没有Hyper-V,需要自己手动配置
接下来点击上图三角启动按钮时,若出现以下错误,需要手动配置Hyper- V
首先
1. 按下 Win + R 打开运行窗口,输入 optionalfeatures 回车。
2. 在“Windows功能”里找到Hyper-V相关的选项,勾选所有子项。
3. 点击“确定”后按照提示重启电脑,功能就会生效。
若是出现像图片这样子没有Hyper-V相关的选项,这跟着一下步骤来配置
1. 新建一个文本文档,把下面的内容复制进去:
注意注意:这个文本是要按照你的电脑版本来的,我的版本是Windowd11 家庭版,版本不同文本内容就不同!
pushd "%~dp0"
dir /b %SystemRoot%\servicing\Packages\*Hyper-V*.mum >hyper-v.txt
for /f %%i in ('findstr /i . hyper-v.txt 2^>nul') do dism /online /norestart /add-package:"%SystemRoot%\servicing\Packages\%%i"
del hyper-v.txt
Dism /online /enable-feature /featurename:Microsoft-Hyper-V -All /LimitA***ess /ALL
pause
保存后,把文件扩展名改成 .cmd (比如命名为 EnableHyperV.cmd )。
2. 以管理员身份运行脚本
右键点击这个 .cmd 文件,选择以管理员身份运行,等待脚本自动执行完成(过程中不要关闭窗口)。
3. 重启电脑
脚本执行完毕后,重启电脑,Hyper-V就会被启用。
4. 验证是否启用
重启后,按 Win + R 输入 optionalfeatures.exe ,检查Hyper-V相关选项是否已被勾选,或者在开始菜单里找“Hyper-V管理器”确认。
桌面上会出现这个程序,我们需要以管理员形式来运行
注意注意,如果你版本跟我不一样但是还用了这个话,就会出现下载失败,然后卡住的情况,这个时候,就要停止这个进程。
以上图片就算完成了
然后返回之前的界面运行就会出现手机了。
第七步创建并编译项目"Hello World"
点击sign in,然后会弹去华为登录
写代码编译就结束了