Flutter在windows系统配置及运行

第一步 下载安装配置jdk

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

第二步 下载安装Android Studio

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

第三步 下载解压配置Flutter SDK

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

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

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

’ : '为分割 前面是变量名,后面为变量值,两个都是在系统变量里新建
FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn
PUB_HOSTED_URL: https://pub.flutter-io.cn
Flutter在windows系统配置及运行Flutter在windows系统配置及运行

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

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

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

Flutter在windows系统配置及运行
搜索flutter,安装flutter插件,安装的过程中会英文提示是否安装dart,点击yes进行安装
Flutter在windows系统配置及运行
重启后就可以看到红色框住的部分
Flutter在windows系统配置及运行

第七步 创建 Flutter 项目

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

END