【Flutter】开发之环境搭建(一)

栏目: IOS · Android · 发布时间: 6年前

内容简介:在可以去flutter中文网 或者在

Flutter 大浪潮下,笔者也开始入坑了,本系列旨在记录学习过程,欢迎一起探讨。

需要准备的软件

  • Android Studio 3.0.0 以上
  • Android SDK
  • git

开始搭建

  • 1.下载flutter 安装包,并解压

可以去flutter中文网 或者 Github 下载,个人推荐去官网下载。

  • 2.添加环境变量

Path 系统变量中添加安装包 \bin 目录的完整路径,比如完整路径为: D:\flutter\flutter\bin ,与上一个变量用英文 ; 隔开。

因为国内访问限制的问题,还需要添加以下2个变量, 请注意,该变量的值可能会变化,以官网公布的为准

键: PUB_HOSTED_URL

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

键: FLUTTER_STORAGE_BASE_URL

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

如果没有添加 ANDROID_HOME 变量的话,还需要添加,值为Android SDK 所在路径,如 D:\android\sdk ,添加完后记得重启电脑。

  • 3.运行 flutter doctor 命令

打开安装目录下 flutter_console.bat 文件,输入 flutter doctor 出现以下提示,则表示配置成功

【Flutter】开发之环境搭建(一)
  • 4.常见问题

1).报错

Error: The Flutter directory is not a clone of the GitHub project.
   The flutter tool requires Git in order to operate properly;
   to set up Flutter, run the following command:
   git clone -b beta https://github.com/flutter/flutter.git
复制代码

从github上下载就会遇到这个问题

解决办法: 把刚刚下载的Flutter安装包删掉,重新在想要安装的目录下运行 git clone -b beta https://github.com/flutter/flutter.git

2).报错 此时不应有 \flutter\bin\cache 解决办法: 不要将加解压目录放在高权限的路径,如 C:\Program Files\

3).报错

【Flutter】开发之环境搭建(一)
一般都是更新了环境变量,或者环境变量填的 flutter

解压路径有误

  • 5. Android Studio 安装 flutter 插件

搜索 flutter 安装即可

【Flutter】开发之环境搭建(一)
  • 6.新建 flutter 项目

File --> New --> New Flutter Project

【Flutter】开发之环境搭建(一)
选择 Flutter Application

,然后填写相关信息

【Flutter】开发之环境搭建(一)

经过漫长的等待,终于创建成功了,项目结构如下

【Flutter】开发之环境搭建(一)
  • 7.运行项目

可能你想运行项目时,发现并没有可供运行的设备

【Flutter】开发之环境搭建(一)

首先,你需要添加 ANDROID_HOME 环境变量;其次在 Terminal 中运行 flutter devices 命令,这时,就可以看到连接的真机了。


以上所述就是小编给大家介绍的《【Flutter】开发之环境搭建(一)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

微交互

微交互

塞弗 (Dan Saffer) / 李松峰 / 人民邮电出版社 / 2013-11-1 / 35.00元

平庸的产品与伟大的产品差就差在细节上。作者Dan Saffer将通过这本书展示怎么设计微交互,即位于功能之内或周边的那些交互细节。你的手机怎么静音?你怎么知道有新邮件了?怎么修改应用的设置?诸如此类的交互细节,既可以毁掉一个产品,也可以成就一个产品。高效而有趣的微交互 ,涉及触发器、规则、循环和模式,还有反馈。透过书中生动、真实的设备及应用示例,读者将理解微交互对于塑造产品个性、赋予产品卖点的重要......一起来看看 《微交互》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

随机密码生成器
随机密码生成器

多种字符组合密码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具