美文网首页Flutter开发
Mac AndroidStudio配置flutter竟然如此简单

Mac AndroidStudio配置flutter竟然如此简单

作者: 懒神_ | 来源:发表于2022-12-06 14:09 被阅读0次

    前言
    总所周知,现在互联网发展的非常快,从当初的安卓到后来的RectNative,再到后来ios出了swift,微信小程序也慢慢进入大众的视野,flutter、kotlin席卷而来,前端移动端越来越有意思,想要更好的紧跟时代步伐,必须不断的自我迭代和学习,今天给大家分享下flutter的环境配置,以androidstudio为例子。

    1、需要在Androidstudio 的plugin菜单中下载dart 和 flutter插件,因为flutter的开发离不开dart语言,这俩插件建议先下载dart,再下载flutter,因为有依赖关系。


    1@2x.png 2@2x.png

    2、去dart官网下载dart-sdk,官方网址:https://dart.dev/get-dart#macos ,可以用终端去执行:
    brew tap dart-lang/dart brew install dart
    表示下载dart-sdk,这里可能需要翻墙,因为我下载到本地的,所以可以不用通过终端去下载。

    3、下载完了之后可以校验一下配置是否成功,可以通过终端输入:
    dart --version
    flutter --version
    来确定环境变量是否成功,如果没有成功需要配置环境变量。
    配置的文件在 ~/.bash_profile里,
    因为需要翻墙,所以镜像非常重要,Mac os 中国镜像地址:
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    保存文件后,在运行
    $ source ~/.bash_profile

    4、配置环境变量
    同样的在刚才的bash_profile文件中加上环境变量的配置:
    export DART_HOME=/Users/colin/dart-sdk/bin
    export PATH=/Users/colin/flutter/bin:PATH export PATH="{DART_HOME}:${PATH}"
    其中“/Users/Colin/”是我的文件根目录,这个需要自己变化。然后command+s 保存,退出终端即可。

    5、上面的步骤完事儿之后,重启AndroidStudio,去菜单页面的Languages-frameworks 里面分别设置dart 和 flutter 的sdk引用即可:


    3@2x.png 4@2x.png

    6、通过菜单New flutter Project 并选择对应的flutter sdk即可,至此,一个初行的flutter项目就创建完成。


    5@2x.png 6@2x.png 7@2x.png 8@2x.png

    相关文章

      网友评论

        本文标题:Mac AndroidStudio配置flutter竟然如此简单

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