专栏首页前端开发随笔Flutter在windows系统配置及运行

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue_cli升级4.x版本搭建项目

    在这里配置项目需要的东西 项目空格为选中/取消 a为全选 i为反选 下面是我的项目配置

    wePanda
  • Vscode生成vue模板

    wePanda
  • Flutter组件随笔练习

    wePanda
  • Flutter在Windows上搭建Android开发环境

    Flutter 是谷歌基于 Dart 语言开发的一款开源、 免费、跨平台的移动端UI 框架,可以让我们快速的在 Android 和iOS 上构建高质量 App,...

    越陌度阡
  • 每周小题--函数传值

    编程珠玑
  • Flutter配置环境、运行helloword项目

    Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutte...

    用户2235302
  • python3之dict字典

    ## d.setdefault( x, [ , y ] )  返回字典 d 中键 x 对应的值,若键 x 不存在,则返回y, 并将 x : y 作为键值对添加到...

    py3study
  • 基于配置的Spring AOP

    前面几篇学习了Spring的依赖注入,这篇开始学习另一个核心功能——面向切面编程AOP。 通过本文,你可以了解到:  1 Spring xml规范 ...

    用户1154259
  • 从学历到就业,7张图描绘美国大数据人才的高薪路径

    经过大量的研究,分析了3.6亿的职场个人资料,我们能够回答这些问题,绘出数据科学的现状图以及了解更多。

    华章科技
  • Redis中容易啋的坑

    Redis内存数据库是一把双刃剑,用得好的话就合家欢喜,否则就是深陷泥潭。所以我今天来谈一谈使用它时容易碰到的坑,帮你探探路。

    公众号_松华说

扫码关注云+社区

领取腾讯云代金券