美文网首页大前端开发
Flutter在macOS环境配置记录

Flutter在macOS环境配置记录

作者: Vaja_wlu | 来源:发表于2019-05-29 10:03 被阅读18次

    作为Google推出的跨平台框架,Flutter有着不错的发展前景,今天在mac上配置了一下Flutter环境,记录一下,方便以后查阅。

    1、打开终端,输入命令行open .bash_profile,编辑bash文件,在其中添加以下内容:
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    2、获取Flutter SDK
    下载:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
    解压安装后添加flutter相关工具到path中:
    export PATH=pwd/flutter/bin:$PATH

    3、下载安装Android studio
    下载:https://developer.android.google.cn/studio/
    并安装插件: Preferences>Plugins 搜索Flutter 插件并点击 install

    4、运行 flutter doctor(查看是否需要安装其它依赖项来完成安装)


    有报错

    按照提示解决,完成后再次运行flutter doctor


    成功后

    5、更新环境变量
    在命令行只能更新当前会话的PATH变量,可能需要永久更新此变量,以便可以运行flutter命令在任何终端会话中。
    1)添加 export PATH=/Users/wanglu/flutter/bin:PATH 至bash_profile 2)运行 sourceHOME/.bash_profile 刷新当前终端窗口
    3)通过运行flutter/bin命令验证目录是否在已经在PATH中

    6、在iOS设备或模拟器上运行Flutter应用程序
    1)创建一个Flutter项目
    2)在终端执行flutter emulator,查看可用的模拟器设备
    3)执行 flutter emulators --launch apple_ios_simulator,启动模拟器
    4)flutter run
    启动起来后,看到示例效果如下,点击按钮计数增加,也可以自己修改参数验证体验热重载:


    效果图

    相关文章

      网友评论

        本文标题:Flutter在macOS环境配置记录

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