前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter在windows系统配置及运行

Flutter在windows系统配置及运行

作者头像
明知山
发布2020-09-03 11:08:26
1.1K0
发布2020-09-03 11:08:26
举报
文章被收录于专栏:前端开发随笔

第一步 下载安装配置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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/03/01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 第一步 下载安装配置jdk
  • 第二步 下载安装Android Studio
  • 第三步 下载解压配置Flutter SDK
  • 第四步 电脑上配置Flutter国内镜像
  • 第五步 运行 flutter doctor 命令检测环境是否配置成功
  • 第六步 打开 Android Studio 安装 Flutter 插件
  • 第七步 创建 Flutter 项目
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档