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

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

内容简介:在可以去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】开发之环境搭建(一)》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

创新者

创新者

[美] 沃尔特·艾萨克森 / 关嘉伟、牛小婧 / 中信出版社 / 2017-4 / 88.00元

《创新者》是沃尔特·艾萨克森继全球畅销书《史蒂夫·乔布斯传》之后的又一部力作,不仅讲述了计算机和互联网从无到有的发展历程,为我们 生动地刻画出数字时代的创新者群像,还深度挖掘互联网的精神内核,解读了“诗意科学”这个重大主题。 在近200年的数字化进程中群星闪耀,艾萨克森从第一个计算机程序的创造者、浪漫主义诗人拜伦之女埃达•洛夫莱斯伯爵夫人说起,细数了这一群将科学与人文融合的创新者,他们包括第......一起来看看 《创新者》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具