Flutter在windows系统配置及运行

第一步 下载安装配置jdk

下载jdk 下载链接
根据自己的操作系统选择安装
在这里插入图片描述
安装jdk 双击下载的jdk傻瓜式下一步,建议不要修改安装目录,让它安装到c盘目录下
在这里插入图片描述
配置jdk的系统变量 变量名为JAVA_HOME,值为jdk安装目录
在这里插入图片描述
再系统变量找到 Path 在 Path 里面增加如下代码
;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
注意 ’ ; ’ 一定是英文的
在这里插入图片描述
验证jdk环境变量是否配置成功
打开cmd命令提示符,输入java 或者javac ,如果出现一堆东西说明配置成功了
在这里插入图片描述

第二步 下载安装Android Studio

下载 Android Studio 下载链接
下载的安装包也是傻瓜式的下一步完成
安装完成之后会有弹窗提示,直接点击ok
在这里插入图片描述
前面还有一部忘记截图了也是选择第二个选项,选择Cancel
在这里插入图片描述
点击Next
在这里插入图片描述
默认选择标准配置,然后Next
在这里插入图片描述
前面根据个人喜好选择UI界面,点击finish,会进行一些下载和安装一些配置,等十几分钟就会安装好了!
在这里插入图片描述

第三步 下载解压配置Flutter SDK

下载Flutter SDK 下载地址
推荐下载最新的版本
在这里插入图片描述
下载完成后随便解压到指定目录下,注意文件夹名字不要是中文
在这里插入图片描述
找到flutter解压的bin目录配置到系统变量,追加到path后面,前面以‘;’隔开
在这里插入图片描述
在这里插入图片描述
输入cmd命令提示符flutter -v,查看是否配置成功
在这里插入图片描述

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

搭建环境过程中要下载很多资源文件,当一些资源下载不了的时候,可能会报各种错误。在 国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像
系统环境配置Flutter官网提供的国内镜像 文档地址
在这里插入图片描述

’ : '为分割 前面是变量名,后面为变量值,两个都是在系统变量里新建
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
在这里插入图片描述在这里插入图片描述

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

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

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

在这里插入图片描述
搜索flutter,安装flutter插件,安装的过程中会英文提示是否安装dart,点击yes进行安装
在这里插入图片描述
重启后就可以看到红色框住的部分
在这里插入图片描述

第七步 创建 Flutter 项目

点击它
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
大概等个几分钟就会创建成功了,如果失败了,就重新创建,
创建成功后默认打开,我这时候点击 File/open,打开目录下的android。
在这里插入图片描述
选择This Window
在这里插入图片描述
第一次导入包的时候回下载一些东西,下载会比较慢,等待时间十多分钟
在这里插入图片描述
可以在这个目录下看下载情况
在这里插入图片描述
如果报错点击 Flie->Sync Project With Gradle Files 重新下载 Gradle ,这个过程比较慢 10-30 分 钟左右。
在这里插入图片描述
这种情况就是下载成功了
在这里插入图片描述
最后用数据线,连接到电脑,手机开启传输文件,调试模式,点击run/Run’app’,就会把Flutter安装到你手机上
在这里插入图片描述
在这里插入图片描述

END

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值