美文网首页Flutter
【Flutter真香攻略】(二)环境搭建

【Flutter真香攻略】(二)环境搭建

作者: IT晴天 | 来源:发表于2019-02-17 14:03 被阅读78次

    要做开发,前提肯定是先搭建好开发环境,Flutter环境搭建比较简单,直接查看官网即可,如果不想看英文的,也可以去看Flutter中文网

    以我当前Mac环境为例,步骤如下:

    一、使用镜像

    由于在国内访问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 SDK

    • 方法1:去flutter官网下载其最新可用的安装包,转到下载页 ;
    • 方法2:Git clone 安装,装相应releases版本,也可以直接Clone主干版本:
    git clone -b master https://github.com/flutter/flutter.git
    

    为了命令行使用,把下载的flutter/bin路径加入环境变量PATH中,Windows/Mac的环境变量设置是基础不详细说明,在Mac上是在~/.bash_profile中添加:

    export PATH=~/Documents/dev/projects/flutter/flutter/bin:$PATH
    

    这样就可以直接免路径执行flutter命令,这时执行flutter doctor命令检测缺失环境:

    flutter doctor
    

    按建议提示执行命令就基本完成环境搭建了:


    image.png

    如果到了一段时间想升级flutter,也是很简单,一句话的事:

    flutter upgrade
    

    三、开发工具配置(可选)

    其实上述两步基本完成环境搭建,平常用命令行执行就可以了,当然“工欲善其事,必先利其器”,配置好开发工具的flutter插件,能较方便完成flutter开发,在这里我选用的是vscode,所以在插件搜索框,打入“flutter ”, 在搜索结果列表中选择 【Flutter】和【Dart】, 然后点击【安装】,再重启vscode即可。

    装【Dart】是因为Flutter的官方开发语言是Dart,如果想使用Html和Sass开发Flutter的另类尝试,可以顺便把【flutter-view-vscode】插件也装上。


    总的来说,环境搭建比其他移动端开发简便不少。

    相关文章

      网友评论

        本文标题:【Flutter真香攻略】(二)环境搭建

        本文链接:https://www.haomeiwen.com/subject/jbqanftx.html