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

### 如何搭建 Flutter 开发环境 Flutter个由谷歌推出的跨平台移动应用开发框架,使用 Dart 语言编写。从 Flutter 2.10 开始,Windows 的支持已进入稳定渠道[^1]。以下是关于如何在 Windows 系统上搭建 Flutter 开发环境的详细步骤。 #### 1. 安装 Flutter SDK 首先需要下载 Flutter SDK。由于国内网络环境的原因,在访问 Flutter 官方资源时可能会遇到限制。可以使用官方提供的国内镜像链接来加速下载过程[^2]: - 镜像地址:https://flutter-io.cn/ - 在环境变量中添加以下配置: ```plaintext FLUTER_STORAGE_BASE_URL=https://storage.flutter-io.cn PUB_HOSTED_URL=https://pub.flutter-io.cn ``` #### 2. 设置环境变量 将 Flutter SDK 的路径添加到系统的环境变量 `PATH` 中。例如,如果将 Flutter SDK 解压到 `C:\flutter` 目录下,则需要将 `C:\flutter\bin` 添加到 `PATH` 中[^3]。 #### 3. 检查环境配置 运行以下命令以检测 Flutter 开发环境是否正确配置: ```bash flutter doctor ``` 此命令会检查系统中是否存在必要的工具和依赖项。如果出现错误提示,可以根据提示逐步解决。例如,如果提示 Android 许可状态未知,可以通过运行以下命令解决问题: ```bash flutter doctor --android-licenses ``` #### 4. 安装 IDE 和插件 为了更高效地进行 Flutter 开发,建议安装支持 Flutter 的集成开发环境(IDE)。推荐使用以下两种: - **Android Studio**:安装后需确保安装Flutter 和 Dart 插件。 - **Visual Studio Code**:同样需要安装 Flutter 和 Dart 扩展。 #### 5. 创建并运行首个 Flutter 应用 完成以上步骤后,可以创建并运行个简单的 Flutter 应用程序。运行以下命令创建个新的 Flutter 项目: ```bash flutter create my_first_app cd my_first_app flutter run ``` --- ### 注意事项 - 如果在运行 `flutter doctor` 时发现缺少某些依赖项,请根据提示逐安装。 - 在国内网络环境下,建议始终使用官方提供的镜像链接以避免下载失败问题[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值