flutter环境搭建 (一)

笔者是 iOS 开发工程师,所以所有的操作以 MacOS 作为平台安装,
本文适合新手初次安装flutter,把 Google 官网给的安装方法进行了踩坑,放在此处,方便初来的小伙伴安装

系统要求

要安装并运行Flutter,您的开发环境必须满足以下最低要求:

  • 操作系统: macOS (64-bit)
  • 工具: flutter运行需要依靠下面的工具:
    • bash rm mkdir git unzip which

资源的地址

flutter官网 https://flutter.io/
flutter 中文社区官网 https://flutter-io.cn
Windows、MacOS、Linux SDK地址 https://flutter.io/docs/development/tools/sdk/archive?tab=macos

下面的工具如果你需要支持,就安装他把,比如我只需要

iOS额外工具

  1. install homebrew
  2. Xcode 这个应该都有吧

Android额外工具

  1. install intelliJ IDEA
  2. install JDK8
  3. install Android SDK 可以通过 intelliJ IDEA 去安装,安装的时候记住安装路径,方便后面做环境变量配置
  4. install intelliJ IDEA 的两个插件 Dartflutter可以在 intelliJ IDEAplugins 中搜索安装

安装方式

  • 直接下载安装包安装
    直接下载对应平台的安装包即可
  • 通过 git 安装
    没有 git的需要先安装git

而这里着重介绍使用 git 来安装的方法,为了方便后面的安装,在你确定好要

安装 flutter

Google 为了方便中国区的开发者,特别开了中国版的资源网址

安装前资源环境配置,以下的配置只对当前打开的 bash 有效,离开或者退出之后就失效,肯定有人会问那我以后怎么办,别急,等我慢慢的给你介绍。我们先配置一个临时的环境,用来安装 flutter

	export PUB_HOSTED_URL=https://pub.flutter-io.cn
	export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 创建安装的目录

  2. 克隆 flutter 的 git 仓库
    cd 安装路径(自定义的)
    git clone -b dev https://github.com/flutter/flutter.git

  3. 切换到仓库目录
    cd 安装路径/flutter
    在此处定义安装路径: flutterPath="/Users/xxxx/flutter"

  4. 添加环境变量(此时的环境变量也是临时的)

    • Window
      set PATH="%PATH%;%CD%\bin\flutter"
    • otherPlatforms
      # 这个命令配置的环境变量只在当前的 shell 生效
      export PATH="$PATH:$PWD/flutter/bin
      
  5. 检测 flutter 环境
    flutter doctor

这个操作会对你当前flutter支持哪些平台,缺少那些东西,存在什么问题,都会列出来,按照他列出的命令执行解决就OK了

配置用户级的环境变量

哇,终于到了前面提到的问题了,我配置的这写环境变量都是临时的,难道下次还要配置?那多麻烦,放心,接下来就是见证奇迹的时候了

创建用户级的环境变量

  1. vim ~/.bash_profile
  2. 点击键盘上面的字母 i ,进入插入模式,然后将下面的代码都 copy 到这个文件中
    # flutter 环境变量配置
    flutterPath="/Users/xxxx/flutter/bin"      # flutter的安装路径
    echo $PATH | grep $flutterPath
    if [ $? -ne 0 ]; then
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export ANDROID_HOME="/Users/liugangyi/Library/Android/sdk"	# Android SDK的路径,如果不需要就去掉这个
    export PATH="$PATH:$flutterPath"
    fi
    
  3. 对这个文件进行保存,点击 ESC 进入命令模式,然后输入 :x 回车即可保存
  4. source ~/.bash_profile 让当前的配置立即生效

有点人说我用的 zsh 怎么办?好办,接下来多一步配置就可以完成了:
vim ~/.zshrc
然后 command+f 进行查找 source ,进入插入模式,在最下面的source后面添加
source ~/.bash_profile
保存,大功告成! 环境配置就结束了。

安装iOS

  1. 安装 Xcode 必须是 9.0 以上的版本

  2. 配置 Xcode command-line tools,正常情况下的命令

     sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
    

    如果有更改路径或名字

    sudo xcode-select --switch 父级目录/xcode的名字.app/Contents/Developer

  3. 配置 iOS 真机设备

     brew install --HEAD usbmuxd
     brew link usbmuxd
     brew install --HEAD libimobiledevice
     brew install ideviceinstaller ios-deploy cocoapods
    
  4. 模拟器
    open -a Simulator

  5. iOS toolchain
    安装 iOS 硬件链接相关的支持工具,

     brew update
     brew uninstall --ignore-dependencies libimobiledevice
     brew uninstall --ignore-dependencies usbmuxd
     brew install --HEAD usbmuxd
     brew unlink usbmuxd
     brew link usbmuxd
     brew install --HEAD libimobiledevice
     brew install ideviceinstaller
    

安装 Android

  1. 安装 IJ 或者 Studio 前面有说安装
  2. JDK8,前面有提供链接
  3. Android SDK 可以通过 IJ 或者 studio 安装,记住SDK的安装路径
  4. 通过 3 步骤的 SDK 路径配置 ,在用户级别的环境变量配置中有提到
    export ANDROID_HOME="Android sdk 路径"

参考

flutter 中文官网安装:https://flutterchina.club/setup-macos/
flutter 官网安装方法:https://flutter.io/docs/get-started/install

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值