Flutter环境搭建

文档阅读

一、下载SDK并解压
image.png
二、添加flutter工具
image.png
  • 环境配置,
    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
    PATH_TO_FLUTTER_GIT_DIRECTORY 是我下载的SDK (flutter_macos_v1.7.8+hotfix.3-stable.zip) 的解压路径
    /Users/用户名/Flutter
    image.png

跟着文档操作


image.png
三、检查是否安装成功
image.png
四、修复错误提示
  • 因为之前搞iOS,所以这里忽略Android的错误提示了,直接看Xcode的提示,第一条是cocoapods版本有点低,跟着提示来如图


    image.png
  • 然而居然提示没有


    image.png
  • 这我就不能认同了,之前工程里一直在用,怎么会没有安装呢,我这就得看看了,我这里是有的,只是版本有点低啊。


    image.png
  • 接下来更新一下,更新指令(sudo gem update cocoapods

    image.png

    image.png

  • ok ,pod升级完成,Xcode 第一个叹号应该解决了吧,在执行一次 flutter doctor

    image.png

    漂亮,解决了一个,继续下边的!!!

  • ios tools这项按着提示一项一项做就ok了,都执行完了以后doctor一次看看是不是已经成功了

  • vs code 是开发工具,直接在扩展中搜索Flutter,出来的第一个安装


    image.png
  • 最后再doctor一次,ok,iOS环境基本就完成了。


    image.png
  • 最后开始咱们第一个Flutter项目吧,项目名不要用驼峰哦!!!


    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容