针对Windows家庭版的flutter的安装与环境配置

在这篇笔记是有关于总结出来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,然后会弹去华为登录

写代码编译就结束了

转载请说明出处内容投诉
CSS教程网 » 针对Windows家庭版的flutter的安装与环境配置

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买