Mac电脑搭建Flutter IOS环境

1、准备工做

  • 安装最新的Xcodejavascript

  • 安装brewjava


2、下载 Flutter ,配置 Flutter 环境,配置 Flutter 镜像

  • 下载 Flutter SDKios

    https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
    复制代码
  • 把下载好的 Flutter SDK解压到你想安装SDK的目录, 如:macos

    /Users/liyuanqing/flutter
    复制代码
  • 把 Flutter 安装目录和国内镜像配置到环境变量vim

    vim ~/.base_profilebash

    export PATH=`pwd`/flutter/bin:$PATH 
    //如:export PATH=/Users/liyuanqing/flutter/bin:$PATH
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    复制代码
    source ~/.bash_profile  (配置文件在修改后当即生效)
    复制代码
    flutter -h  (验证flutter sdk是否配置成功)
    复制代码

3、flutter doctor检测环境

  • 运行Flutter doctor命令检查是否须要安装依赖项,完成安装ide

    flutter doctor
    复制代码
    Doctor summary (to see all details, run flutter doctor -v):
       [✓] Flutter (Channel dev, v0.1.7, on Mac OS X 10.12.6 16G1212, locale zh-Hans-CN)
       [✓] Android toolchain - develop for Android devices (Android SDK 27.0.0)
       [!] iOS toolchain - develop for iOS devices (Xcode 9.2)
            ✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
                brew install --HEAD libimobiledevice
                brew install ideviceinstaller
            ✗ ios-deploy not installed. To install:
                brew install ios-deploy
       [✓] Android Studio (version 3.0)
       [✓] Connected devices (1 available)
    复制代码
  • 分别执行brew -- 命令,如:学习

    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    brew install ios-deploy
    复制代码

    提示:若是运行命令失败,请执行brew doctor并按照说明解决问题。 ui

  • 执行完以上命令,从新运行flutter doctor,出现下图代表IOS的环境配置完成。spa


4、建立flutter项目

  • 建立flutterDemo文件夹,并在终端运行
sudo flutter create flutterApp
复制代码

5、修改flutter sdk 目录的权限及项目的权限

  • 项目权限
cd flutterDemo
sudo chmod -R 777 flutterApp
复制代码

-R递归,777可读可写可执行

  • sdk权限
cd /Users/liyuanqing/flutter
sudo chmod -R 777 *
复制代码

6、 Xcode打开flutter 项目

7、在vs code中运行flutter文件

  • 首先下载vs code插件(dart、Flutter、Aweome Flutter Snippets)

  • 在终端中运行flutter run

r:热加载,p:显示网格,o:切换操做系统

  • 在不开启Xcode状况下,经过vs code打开模拟器

至此,Flutter IOS环境配置完成,示例正常运行,后续继续学习Flutter的开发。

相关文章
相关标签/搜索