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

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

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

查看所有标签

猜你喜欢:

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

Design for Hackers

Design for Hackers

David Kadavy / Wiley / 2011-10-18 / USD 39.99

Discover the techniques behind beautiful design?by deconstructing designs to understand them The term ?hacker? has been redefined to consist of anyone who has an insatiable curiosity as to how thin......一起来看看 《Design for Hackers》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

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

在线XML、JSON转换工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具