美文网首页
Mac系统下Flutter的安装

Mac系统下Flutter的安装

作者: 湖北勒布朗 | 来源:发表于2020-05-21 14:54 被阅读0次

mac系统安装flutter分三步:

  1. 安装flutter sdk
  2. flutter环境变量配置
  3. 建立flutter应用

FlutterSDK下载

  • 打开终端执行命令:

    git clone -b beta https://github.com/flutter/flutter.git
    
  • mac系统,Futter SDK下载完成后默认路径是: Users/xxxxx/flutter,比如我的是 Users/xiaoshu/flutter,这个也是flutter SDK的安装目录。

Flutter 环境变量配置

  • 使用镜像:由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中。
  1. 在命令行下,进入用户目录:执行命令:

    cd $HOME
    
  2. 打开.bash_profile文件:执行命令:

    open -e .bash_profile
    

文件打开后,开始编辑bash文件,在其中添加以下内容:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

  1. 同时添加flutter相关工具到path中,也就是添加 Flutter SDK 安装的路径
    export PATH=${PATH}:/Users/自己mac用户名/Flutter/bin:$PATH
    或者:export PATH=${PATH}:~/Flutter/bin:$PATH

  2. 关闭bash文件,配置完成后,更新配置的环境变量,执行命令:

    source .bash_profile
    

注:终端直接输入 flutter,没有提示该命令找不到,则配置成功。

  1. 运行 flutter doctor,安装相关依赖,可重复执行 ,终端执行命令:

     flutter doctor
    

没安装Android Studio运行完之后之这样的(同样,没安装xcode需安装xcode):


image.png
  • 需要安装一个Android Studio(若已安装则跳过)

  • Android Studio再装一个flutter插件

image.png

创建flutter工程

image.png
image.png
注:这里的Flutter SDK path 点击 install SDK选中第一步Futter SDK下载的路径,默认是Users/自己电脑的用户名/flutter
然后,就可以创建你的第一个flutter项目了~

相关文章

网友评论

      本文标题:Mac系统下Flutter的安装

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