0
点赞
收藏
分享

微信扫一扫

Flutter在windows系统配置及运行

Just_Esme 2022-07-12 阅读 58


第一步 下载安装配置jdk

下载jdk ​​​​ 根据自己的操作系统选择安装

Flutter在windows系统配置及运行_flutter


安装jdk 双击下载的jdk傻瓜式下一步,建议不要修改安装目录,让它安装到c盘目录下

Flutter在windows系统配置及运行_java_02


配置jdk的系统变量 变量名为JAVA_HOME,值为jdk安装目录

Flutter在windows系统配置及运行_java_03


再系统变量找到 Path 在 Path 里面增加如下代码

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

注意 ’ ; ’ 一定是英文的

Flutter在windows系统配置及运行_java_04


验证jdk环境变量是否配置成功

打开cmd命令提示符,输入java 或者javac ,如果出现一堆东西说明配置成功了

Flutter在windows系统配置及运行_flutter_05

第二步 下载安装Android Studio

下载 Android Studio ​​下载链接​​ 下载的安装包也是傻瓜式的下一步完成

安装完成之后会有弹窗提示,直接点击ok

Flutter在windows系统配置及运行_flutter_06


前面还有一部忘记截图了也是选择第二个选项,选择Cancel

Flutter在windows系统配置及运行_java_07


点击Next

Flutter在windows系统配置及运行_java_08


默认选择标准配置,然后Next

Flutter在windows系统配置及运行_java_09


前面根据个人喜好选择UI界面,点击finish,会进行一些下载和安装一些配置,等十几分钟就会安装好了!

Flutter在windows系统配置及运行_android_10

第三步 下载解压配置Flutter SDK

下载Flutter SDK ​​下载地址​​ 推荐下载最新的版本

Flutter在windows系统配置及运行_android_11


下载完成后随便解压到指定目录下,注意文件夹名字不要是中文

Flutter在windows系统配置及运行_java_12


找到flutter解压的bin目录配置到系统变量,追加到path后面,前面以‘;’隔开

Flutter在windows系统配置及运行_flutter_13


Flutter在windows系统配置及运行_android_14


输入cmd命令提示符flutter -v,查看是否配置成功

Flutter在windows系统配置及运行_java_15

第四步 电脑上配置Flutter国内镜像

搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在 国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像

系统环境配置Flutter官网提供的国内镜像 ​​文档地址​​

Flutter在windows系统配置及运行_flutter_16

’ : '为分割 前面是变量名,后面为变量值,两个都是在系统变量里新建

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn

PUB_HOSTED_URL: https://pub.flutter-io.cn

Flutter在windows系统配置及运行_android_17

Flutter在windows系统配置及运行_java_18

第五步 运行 flutter doctor 命令检测环境是否配置成功

命令提示符输入flutter doctor看是否配置成功,第一次配置会出现这种情况,只要把红色框住的flutter doctor --android-licenses在终端运行,会让你选择(y/N),全部都选y。

Flutter在windows系统配置及运行_android_19


在运行flutter doctor查看已经配置成功

Flutter在windows系统配置及运行_java_20

第六步 打开 Android Studio 安装 Flutter 插件

Flutter在windows系统配置及运行_java_21


搜索flutter,安装flutter插件,安装的过程中会英文提示是否安装dart,点击yes进行安装

Flutter在windows系统配置及运行_android_22


重启后就可以看到红色框住的部分

Flutter在windows系统配置及运行_java_23

第七步 创建 Flutter 项目

点击它

Flutter在windows系统配置及运行_flutter_24


Flutter在windows系统配置及运行_java_25


Flutter在windows系统配置及运行_android_26


Flutter在windows系统配置及运行_android_27


大概等个几分钟就会创建成功了,如果失败了,就重新创建,

创建成功后默认打开,我这时候点击 File/open,打开目录下的android。

Flutter在windows系统配置及运行_android_28


选择This Window

Flutter在windows系统配置及运行_flutter_29


第一次导入包的时候回下载一些东西,下载会比较慢,等待时间十多分钟

Flutter在windows系统配置及运行_android_30


可以在这个目录下看下载情况

Flutter在windows系统配置及运行_android_31


如果报错点击 Flie->Sync Project With Gradle Files 重新下载 Gradle ,这个过程比较慢 10-30 分 钟左右。

Flutter在windows系统配置及运行_flutter_32


这种情况就是下载成功了

Flutter在windows系统配置及运行_android_33


最后用数据线,连接到电脑,手机开启传输文件,调试模式,点击run/Run’app’,就会把Flutter安装到你手机上

Flutter在windows系统配置及运行_flutter_34


Flutter在windows系统配置及运行_android_35

END


举报

相关推荐

0 条评论