flutter的介绍和环境搭建(超详细)

flutter的介绍和环境搭建(超详细)

使用Flutter首先需要搭建Flutter的开发环境,以下以 Android  、Windows 标准 搭建开发环境,其他pc系统,移动平台请看官方文档。

一、使用镜像

官方说明:

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

注意: 此镜像为临时镜像,并不能保证一直可用,读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

 flutter的介绍和环境搭建(超详细)

——————————

解释:官方就给了两行代码一样的东西,可能有的同学看不懂,实际运用如下:

1、打开’计算机高级系统设置’ —> ‘高级’—>’环境变量’

flutter的介绍和环境搭建(超详细)

 

2、在用户环境变量中分别加入上述两行的 ‘变量’ 和 ‘值’

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

flutter的介绍和环境搭建(超详细)

flutter的介绍和环境搭建(超详细)

 

flutter的介绍和环境搭建(超详细)

Android SDK 的环境变量在同样是在用户变量添加,,及本地的SDK地址。

ANDROID_HOME   D:\SoftWare\Java\Android\Sdk

 二、获取Flutter SDK

 这一步比较简单,去官方找到最新的版本下载下来安装即可,注意不要将flutter安装到需要一些高权限的路径如C:\Program Files\

 官方下载地址   or  GitHub下载地址

这里下载或许很慢,建议通过

Git软件: git clone https://github.com/flutter/flutter.git

或者我这里使用的是Windows.Mac的根据官方教程下载安装即可。
https://flutter.io/docs/get-started/install

flutter的介绍和环境搭建(超详细)

然后 在查看版本号

三、更改环境变量

如果你想在Windows系统自带命令行(而不是)运行flutter命令,需要添加以下环境变量到用户PATH:

  • 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
  • 在“用户变量”下检查是否有名为“Path”的条目:
    • 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    • 如果该条目不存在,创建一个新用户变量 Path ,然后将 flutter\bin 的全路径作为它的值.

重启Windows以应用此更改.

验证方法:使用flutter --version 查看一下版本号

flutter的介绍和环境搭建(超详细)

 

可以看到我当前的版本号为1.2.1

 

四、升级Flutter SDK和依赖包

要升级flutter sdk,只需一句命令:

flutter upgrade
该命令会同时更新Flutter SDK和你的flutter项目依赖包。如果你只想更新项目依赖包(不包括Flutter SDK),可以使用如下命令:
flutter packages get获取项目所有的依赖包。
flutter packages upgrade 获取项目所有依赖包的最新版本。

五、Flutter SDK分支

Flutter SDK有多个分支,
如beta、dev、master,其中beta分支为稳定分支(日后有新的稳定版本发布后可能也会有新的稳定分支,如1.0.0),
dev和master为开发分支,安装flutter后,
你可以运行flutter channel查看所有分支,如笔者本地运行后,结果如下:

Flutter channels:
  beta
  dev
* master
带"*"号的分支即你本地的Flutter SDK 跟踪的分支,
要切换分支,可以使用flutter channel beta 或 flutter channel master,Flutter官方建议跟踪稳定分支,
但你也可以跟踪master分支,这样可以查看最新的变化,但这样稳定性要低的多。

 

查看所有分支及当前分支

flutter的介绍和环境搭建(超详细)

 

六、flutter doctor

 查看依赖是否齐全

可以看到 红色X 标记的使我们还需要对应处理的

依次看:

flutter的介绍和环境搭建(超详细)

 当前Android Studio 版本为3.5 Beta 4  

注意 如果提示插件出问题,需要在Android studio里面进行插件的下载

对应安装操作:

安装步骤:

  1. 启动Android Studio(注意:要求as 3.0+,建议先用稳定版本的Android studio Bate版本还不是太稳定)。
  2. 打开插件首选项 (Preferences>Plugins, Windows:File>Settings>Plugins)。
  3. 选择 Browse repositories…,选择 flutter 插件以及dart 并点击 install
  4. 重启Android Studio后插件生效。

flutter的介绍和环境搭建(超详细)

更新重启Android Studio完成后,再次 flutter doctor

flutter的介绍和环境搭建(超详细)

 

显然,现在flutter 开发环境的搭建已经完成,验证如下:

发现多了一个 New Flutter Project ,可以建立Flutter项目说明 Flutter的环境搭建已经成功。

 

flutter的介绍和环境搭建(超详细)

 

 

七、创建一个Flutter项目试试:

flutter的介绍和环境搭建(超详细)

 书到用时方恨少,纸上得来终觉浅。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/115021.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Nuke Python脚本读取文件渲染所需要的分辨率

    Nuke Python脚本读取文件渲染所需要的分辨率

    2021年9月8日
    77
  • js中的延迟执行和定时执行

    在js中,延迟执行函数有两种,setTimeout和setInterval,用法如下:function testFunction(){Console.log('hovertree.

    2021年12月25日
    48
  • 股票历史数据下载接口汇总(动态更新)

    歪枣网上提供股票历史数据下载接口汇总,实时动态更新接口名称 Api接口 接口描述 A股列表 getStockHSABaseInfo 沪深A股基本信息 每日行情 getStockHSADailyMarket 沪深A股每日行情数据 实时数据 getStockHSAMinuteKLine 沪深A股实时数据,提供30个交易日内的每日实时交易数据,数据以分钟为粒度。 时线数据 getStockHSAHourKLine 沪深A股分时数据,提供30个交易日内的5分钟、15分钟、30分钟、60分钟数据。 日线数

    2022年4月7日
    304
  • vue 双向绑定原理及依赖搜集的过程「建议收藏」

    vue 双向绑定原理及依赖搜集的过程「建议收藏」双向数据绑定机制:官方:vue是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发响应的监听回调。第一步:需要observer的数据对象进行递归遍历,包括子属性对象的属性,都加上setter和getter,这样的话,给这个对象的某个值赋值,就会触发setter,那么就能监听到了数据变化第二步:compile解析模板令,将模板中的变量替换成数据.然后初始化渲染页面视图,并将每个令对

    2022年10月17日
    2
  • Conference Management Toolkit_wolverine access

    Conference Management Toolkit_wolverine accessManagementObject:RetrievingtheManagementInformationThemostfundamentaltypethattheSystem.ManagementnamespaceexposesiscalledManagementObject.Thistyperepresentsa.NETviewofanarbit

    2022年10月2日
    2
  • 《英语九百句》_新英语900句基础篇

    《英语九百句》_新英语900句基础篇常用职位英文译名超级短句成语集锦打开话匣子PC电脑词汇一百个绝佳句型李阳英语365句托福听力常用短语校园英语迷你惯用语洋话连篇至理名言English 900 英语九百句第一册一、 Greetings 问候语 1. hello! / hi! 你好! 2. good morning / afternoon / evening! 早晨(下午/晚上)好! 3. im kathy king. 我是

    2022年10月20日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号