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

查看所有标签

猜你喜欢:

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

HTML5与CSS3基础教程(第8版)

HTML5与CSS3基础教程(第8版)

[美] Elizabeth Castro、[美] Bruce Hyslop / 望以文 / 人民邮电出版社 / 2014-5 / 69.00元

本书是风靡全球的HTML和CSS入门教程的最新版,至第6版累积销量已超过100万册,被翻译为十多种语言,长期雄踞亚马逊书店计算机图书排行榜榜首。 第8版秉承作者直观透彻、循序渐进、基础知识与案例实践紧密结合的讲授特色,采用独特的双栏图文并排方式,手把手指导读者从零开始轻松入门。相较第7版,全书2/3以上的内容进行了更新,全面反映了HTML5和CSS3的最新特色,细致阐述了响应式Web设计与移......一起来看看 《HTML5与CSS3基础教程(第8版)》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具