Flutter 01: 图解 Windows 环境下安装配置环境

      Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。 同时可以与现有的代码一起工作。Flutter 已经发布很长一段时间了,有不少大神都在学习和应用,小菜认为大前端方向是趋势,也学习一下。
      Flutter 中文网 中对 Flutter 讲解非常全面,小菜也想好好学习一下,但是头一步配置环境就难倒小菜了,还真是当头一棒啊!小菜觉得官网可能觉得配置环境太简单了,所以说明的简洁明了,但对于小菜这种基础差的还真得花时间研究一下。因此小菜第一篇小博文就是整理一下在 Windows 环境下如何安装配置 Flutter 环境。

系统环境

  1. Flutter 建议 Windows 环境在 64 位 Windows7 及以上,小菜的环境是 Windows10;
  2. 磁盘空间要超过 400MB,小菜觉得现在的电脑对这些空间都是绰绰有余的;
  3. 电脑已安装 Git

安装图解

Tips: 优先处理第 5 步,可以减少很多不必要的问题!!!

  1. cmd -> git clone https://github.com/flutter/flutter.git,clone 需要一段时间,如图;
1. clone flutter
2. clone 进行中
3. clone 成功
  1. 添加用户 Path 路径:控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 环境变量,Path 变量中添加 Flutter 路径,到 \bin 级;一般是在 C:\User\Your Name\Flutter\bin,若找不到可以在磁盘中搜索一下;
  2. cmd 中运行 Flutter:flutter doctor,但是不幸报错,提示无法连接远程服务器,如图:
flutter doctor
连接失败
  1. 小菜尝试解决这个问题,于是在 cmd 中编辑:
prompt PUB_HOSTED_URL=https://pub.flutter-io.cn
prompt FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
flutter doctor

可以下载,但是 Builde 环节出错,如图:

正在进行 ooooo...
builder 失败
  1. 第 3 步如果是有梯子的情况下正常,但小菜没有梯子,所以忽略了进门第一件重要的事,配置国内环境,在环境变量中添加用户 Path 变量:PUB_HOSTED_URL -> https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL -> https://storage.flutter-io.cn,强烈建议优先配置这一步,会省去很多不必要的麻烦,小菜仅从自己遇到的问题顺序整理,如图;
FLUTTER_STORAGE_BASE_URL 环境变量
PUB_HOSTED_URL 环境变量
  1. 重新打开 cmd -> flutter upgrade,之后等待进行,即可顺利安装:
flutter upgrade
成功 up-to-date 最新版本
自动下载解压
  1. 电脑连接手机,打开开发者模式,打开 cmd -> flutter devices,检测是否连接设备,如图:
flutter devices

      至此,Flutter 环境安装配置成功,虽然安装配置环境是基础的基础,但当看到 "Welcome to Flutter!" 时,小菜还是有一丝说不出当自豪和欣喜。还要继续学习和研究啊!


      Flutter 是一种比较新的跨平台方式,小菜觉得很有必要学习一下,如果可以的话小菜想结合 Demo 整理一个小系列。
      小菜深刻理解到,看一百遍不如动手操作一遍,可能会遇到各种意想不到的问题,对自己也是一种挑战。


来源:阿策小和尚

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,829评论 1 331
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,603评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,846评论 0 226
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,600评论 0 191
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,780评论 3 272
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,695评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,136评论 2 293
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,862评论 0 182
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,453评论 0 229
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,942评论 2 233
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,347评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,790评论 2 236
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,293评论 3 221
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,839评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,448评论 0 181
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,564评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,623评论 2 249

推荐阅读更多精彩内容