Flutter环境搭建

文档阅读

• 中文文档：https://flutterchina.club/get-started/install/
• 英文文档（建议这里）：https://flutter.dev/docs/get-started/install

一、下载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