(一)flutter入门之环境安装

前言:时隔快三年,又想到了写博客记录平日学习的点滴,还记得16年底的时候我还在小型外包企业哼哧哼
哧的搬砖,每天加班到半夜,很辛苦,但是好不容易有休息的时间,总是想着逛逛博客,那时候我还是刚刚
搬砖不到一年的菜鸟,虽然经历了外包高强度的压力和多个方向的技术的洗礼,但是随着项目接触越多越深
入,发现自己实现的功能越多,自己不会的东西越多,从java web到安卓,再到c++,似乎都能写出来,但是
基础都不扎实,于是对知识越来越渴望,对自己的搬砖行为越来越不齿,在逛了郭林,张洪洋,任玉刚等大
佬的博客后,我鼓起勇气写了第一篇博客,第一次写很紧张,也不知道如何去排版,于是第一次花了两天时
间撸了5000字左右,删了改改了删,最后发出去还是满满的一大堆文字,在写了几次博客并且被人喷了以
后,心灰意冷,决定关博,然后从写博客慢慢转为写笔记,第二年跳槽到了上海一家自主研发的企业,终于
没有那么多的加班,周末也有时间可以研究技术,我的技术开始逐步扎实,把外包接触到的技术栈从基础认
真的研究了一遍,花费了很长时间,这过程中慢慢从一个只会搬砖的菜鸟逐步成长,写了很多笔记,最近在
一些前辈的鼓励下,打算重新写博客,即使现在博客排版依然不咋样,但是我希望技术分享出去能帮助到其
他有需要的人,哪怕只有一个,博客就是有意义的。由于这几年重心都在java深入部分,突然发现安卓技术我
依然停留在EventBus的时代,但是新技术如雨后春笋,不停的出现,mui,react native,weex等跨平台框架
崛起,近年我司也让我开始使用混合开发技术开发安卓,我便对主流的跨平台开发方案进行了学习,weex和
rn的坑层出不穷,我司也只有我一个移动开发出身的人员,不得已之下,使用mui、h5+的方案跨平台开发
app,当app上线的时候,flutter这个之前没任何声响的跨平台框架横空出世一般,席卷了我生活的圈子,国内
大厂也开始选择flutter作为开发方案,一向对技术热衷的我不愿意放弃,也开始了研究flutter之旅

flutter开发环境安装

想要使用flutter,必须要先安装flutter的开发环境,下面记录一下flutter的开发配置的流程:

  1. 下载flutter的sdk:

    ​ 想要开发flutter,就需要下载flutter的sdk,推荐下载方式为github下载最新的环境,地址为:https://github.com/flutter/flutter/releases,或者访问https://flutter.dev/docs/development/tools/sdk/archive#windows,选择Stable channel选项下的稳定sdk版本下载作为开发环境

1552415538913.png

可以看到2019-2-27才更新了一个稳定的大版本,1.2.1版本,我们选择点击下载,网速可能有些慢,可以选择(本人)百度云下载flutterSDK版本(失效请回复),地址为:链接:https://pan.baidu.com/s/1xpc2cAFgaDJR_obeOkj6Ig 提取码:xefa

  1. 配置环境变量:

    由于国内访问的话会有墙的存在,受到不少限制,所以我们国内开发的时候需要配置两个环境变量提高访问速度,这个时候我们将刚刚下载的flutterSdk解压到指定目录(不要有中文路径,尽量也不要给敏感目录比如c盘下的用户目录下等),然后将当前sdk下的bin目录添加至环境变量中的path的最后一行,确认无误后保存path,然后我们需要在环境变量中新增两个flutter访问的环境变量,linux系统配置如下:

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

    如果是window,需要在系统变量下添加两个,分别如下:

    变量
    PUB_HOSTED_URL https://pub.flutter-io.cn
    FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
  1. 下载开发工具:

    配置好环境以后,我们需要下载配置对应的开发环境,喜欢原生安卓开发的可以使用Android Stutio开发,前端开发的也可以选择安装vsCode,(只要有一个就可以,Android Stutio/vsCode只要安装了配置了就可以),安装完毕以后,我们需要下载AndroidSdk,一般情况下我们使用AndroidStutio开发的用户只要打开Android Stutio下载Sdk就可以,这里贴出快捷下载AndroidStutio以及其他安卓开发工具的网站,可以选择自行下载:

    https://www.androiddevtools.cn/

  2. 检测当前flutter开发环境问题:

    来到这一步,我们基本上前面的步骤已经全部完成,但是我们如何确认flutter环境可以开发了呢?flutterSdk给我们提供了一个cmd命令可以用来检测flutter开发必须的环境是否已经完全准备就绪,我们需要打开cmd窗口,或者PowerShell 窗口,输入:

    flutter doctor
    

    然后等待一段时间,就会出现类似如下的检测结果:

    [-] Android toolchain - develop for Android devices
        • Android SDK at D:\Android\sdk
        ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
        • Try re-installing or updating your Android SDK,
          visit https://flutter.io/setup/#android-setup for detailed instructions.
    

    这里我做过测试,检测出来的结果如果前面是x标志,说明你当前缺少该环境,你需要进行一次环境检查,如Adnroid Sdk前面是X,你就要确认你当前存在AndroidSdk,或者你确认你使用Android Stutio可以创建一个安卓项目,并且能运行,(vsCode开发的话,需要检查是不是配置了Android Sdk的环境变量),如果检测的结果有X,按照我多次测试的结果,一般开发工具没问题的话,Android Sdk和Android Stutio检测是X的情况下也可以开发flutter(可能和开发工具版本有关系,尽量是不要存在X),但是如果全部都是√说明当前所有环境都是符合条件,如果是!的话说明当前环境可能不符合或者版本不正确,一般情况下只要不是X存在,说明我们当前flutter的开发环境已经准备就绪了

  3. 配置开发flutter的插件

    到了当前这一步,我们就打开开发工具创建一个flutter项目吧,打开AndroidStutio,在插件那里查询flutter插件,然后选择下载,AndroidStutio就会默认下载Dart和flutter两个插件配置进来,然后重启当前编译器,再次打开的时候,我们就可以在创建项目的时候多一个选择创建flutter的选项了,具体步骤如下:

    选择 File>New Flutter Project
    选择 Flutter application 作为 project 类型, 然后点击 Next
    输入项目名称 (如 myapp), 然后点击 Next
    点击 Finish
    等待Android Studio安装SDK并创建项目.
    

    注意:这里创建项目的时候有可能出现创建了十分钟甚至更久的情况(我每次都能遇到卡住不动的情况,无论是公司的网络还是家中百兆电信,都是一样的结果,)我们的解决方案如下:

    任务管理器中强制关闭当前开发工具
    然后重启开发工具
    找到刚刚创建flutter工程的目录,导入当前工程,这个时候我们会发现界面报错很多
    可以根据控制台看看报错是什么,百度就可以找到对应的解决方案,也可以选择重新编译试下(我每次重新编译完毕以后就没问题了,可能这就是谷歌开发的框架遗留的问题,也可能是idea系列开发工具的通病,各种无缘无故抽风)
    

    好了,至此,flutter的开发环境就完全搭建好了

    另附flutter中文网站以及vsCode开发flutter的配置相关博客供用户参考

    flutter中文网

    Window Flutter 环境搭建(VSCode + 单独运行Android 虚拟机)

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

推荐阅读更多精彩内容

  • 国庆长假,我和最大的客户Adnan一同呆了六天时间,这几天时间里我和客户的交流,不仅增加了我们之间的朋友关系,同时...
    杨宁victor阅读 512评论 1 1
  • 早上小妞说肚子不太舒服,我没太意,还是把她送去学校了。不料过了不到一小时,班主任孙老师打来电话,说小妞吐了好几回,...
    成乐阅读 149评论 0 1
  • 一朵有雨的云彩用泪水和汗水 让我来到人间 那朵圣洁的云彩、叫做母亲 我的使命是滋润万物、然后汇入大海 在我的旅途中...
    代明伟阅读 325评论 4 4
  • “我再喜欢他,我就一个月不吃糖醋排骨”洛一愤愤地和朋友说道,筷子剁得饭叭叭响。她自己也数不清这是第几次这样...
    丁珊嘎嘎阅读 358评论 0 2