Flutter安装流程 - Mac版

778 阅读2分钟

一、环境配置

1. 升级HomeBrew

$ brew update

苹果自带工具包,但是可能会报错:command not found: brew,此时需要先执行:

$ sudo gem install redis

再执行

/bin/bashc" /bin/bash -c "(curl -fsSL raw.githubusercontent.com/Homebrew/in…)"

安装完成后可以查看版本

$ brew --version

2. 配置环境变量

export PUB_HOSTED_URL=pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn
export PATH=/Users/dfg/flutter/bin:$PATH(注意"dfg"为你个人电脑的用户名)

将以上代码配置到.bash_profile文件或.zshrc文件中,前者需要每次打开terminal窗口时都要执行$source .bash_profile后生效,后者可永久生效

3. 下载并安装Flutter SDK

(1)下载地址:flutter.dev/docs/get-st…(不想安装固定版本的安装包则跳过这一步,使用下面Git Clone的方式)
(2) $ git clone -b master github.com/flutter/flu…(Android升级X之前不推荐使用该版本)

4. Doctor

需要到flutter目录下执行

cd./fluttercd ./flutter flutter doctor

【注意】:

(1)doctor命令执行后,如果有些警告或报错,需要安装Xcode与Android Studio,具体参考:www.jianshu.com/p/603649a02…

Xcode直接从App Store下载即可,Android Studio从官网下载:developer.android.google.cn/studio

(2)在中国大陆地区,通过教程命令行clone下来的SDK有可能缺少ios组件,需要从官网下载SDK并把缺失的部分copy进去,具体确实哪些,如果报错会提示

(3)很多下载或更新需要翻墙,如果总连接失败,可尝试更改DNS的IP为8.8.8.8,此IP为Google公司提供

(4)如果Android工程不支持AndroidX,那么Flutter需要回退至不强制AndroidX的版本:$ git reset --hard f5733f7a62ebc7c2ba324a2b410cd81215956b7d,该版本为2019年8月发布的1.10.2版,1.11.0以上版本会出现AndroidX库的冲突,所以这里选择回退。

二、创建Flutter模块(与原生混合开发)

设置好环境变量后
$ source .bash_profile,使其生效(存储至.zshrc的情况不需要执行)

首先创建flutter模块:

$ flutter create -t module flutter_module

1. 添加至现有iOS应用

(1)工程配置:
嵌入CocoaPods:打开Podfile,输入

 flutter_application_path = '../../flutter_module'
 load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
 在target中调用:install_all_flutter_pods(flutter_application_path) 

在pod目录下执行$ pod install

(2)添加Flutter屏幕:启动FlutterEngine和FlutterViewController,具体参考:flutter.dev/docs/develo…

【注意】:
(1)如果工程没有继承CocoaPods,需要手动嵌入Flutter模块 ,具体可参考:flutter.dev/docs/develo… (2)iOS类文件导入时可使用:#import <FlutterPluginRegistrant/GeneratedPluginRegistrant.h>,或使用@import Flutter; (使用@import时可能会报错:Use of '@import' when C++ modules are disabled, consider using -fmodules and -fcxx-modules,那么此时需要在Build Setting -> Other C++ Flags设置以上两个参数即可)

(3)官方建议但不要求应用程序的UIApplicationDelegate子类于FlutterAppDelegate,所以另一种做法是实现FlutterAppLifeCycleProvider协议

2. 添加至Android应用:Android Studio中的“ 文件”>“新建”>“新模块”>“Flutter模块”/“导入Flutter模块” ,点击下一步即可。详情可参考:flutter.dev/docs/develo…

3. 新建Flutter工程及相关命令:

(1)$ flutter create myapp,使用Android Studio打开创建好的工程

(2)Flutter升级:flutter upgrade

(3)channel相关:官方推荐stable。 查看:flutterchannel切换: flutter channel 切换: flutter channel stable

(4)pubspec.yaml文件掌管着需要的依赖包。查看:flutterpackagesget升级: flutter packages get 升级: flutter packages upgrade

4. 安装Dart SDK
$ brew tap dart-lang/dart

$ brew install dart -devel

$ brew info dart