二、配置Flutter环境
根据flutter官网的提示,运行flutter行需要去官方下载所需的资源,由于外网容易被墙,需要配置flutter的镜像文件,以下是flutter的友情提示
1、来到对应的shell配置文件配置镜像
如果你使用默认的bash,在
~/.bash_profile
中配置
如果你使用默认是zsh,在
~/.zshrc 中配置
2、利用终端打开相应配置文件,以 ~/.bash_profile 为例
vi ~/.bash_profile
写入fluuter镜像配置和fluuter路径配置
#Flutter 镜像配置
$ export PUB_HOSTED_URL=https://pub.flutter-io.cn
$ export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#Flutter 环境配置
$ export FLUTTER=/opt/flutter/bin
$ export PATH=$FLUTTER:$PATH
3、配置完成后,需要在终端输入命令,载入配置
source ~/.bash_profile
4、检查fluuter是否配置好,在终端输入
flutter doctor
最终所有配置好的结果显示如下:√表示配置ok,×或!表示尚未配置好
注:flutter开发一般使用Android Studio,所以接下来安装及配置Android Studio
三、安装及配置Android Studio
1、可以去
国内官网
下载安装Android Studio,根据操作步骤安装
2、配置SDK
首次启动AS,会提醒安装SDK,安装过程无需翻墙,但是有一个工具是需要手动安装的,安装好SDK,打开AS
注:SDK的安装如果不成功,大部分都是网络问题,可以多尝试几次,或者直接下载SDK,放到相应的目录下,AS中SDK的默认路径是
/Users/家目录名称/Library/Android/sdk
/Users/CJL/Library/Android/sdk
1)AS->Preferences,或者快捷键
command + ,
进入偏好设置
2)选择Android SDk -> SDK Tools -> 去掉Hide ObSolete Package的√ ->勾选上Android SDK Tools(Obsolete),如下图所示
3、AS安装插件
AS偏好设置 -> Plugins ->输入flutter -> 找到相应插件点击 Install
4、安装好插件后,重启AS,可以看到有以下界面
四、flutter项目创建
1、终端方式创建
1)$ cd 项目存储的目录
2)$ flutter create flutter_demo
注:flutter中默认创建的ios项目是swift语言的,如果需要改成OC语言,使用以下命令创建
$ flutter create -i objc flutter_oc
注:项目的名称不可以使用驼峰命名方式,可以使用_连接,且都是小写
2、AS创建
1)选择Start a new Flutter project
2)选择 Flutter Application
3)配置好项目名称、项目路径
4)设置好 package name,点击finish即可,到此,项目创建成功
原因:首次运行项目,会发现一直卡着不动,是由于Gradle的Maven仓库在国外
1)修改Flutter安装目录中的flutter.gradle文件
路径:flutter/packages/flutter_tools/gradle/flutter.gradle
修改buildscript:加入阿里镜像
buildscript {
repositories {
// google()
// jcenter()
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
dependencies {
classpath 'com.android.tools.build:gradle:3.5.0'
2)修改项目下的修改项目下的 build.gradle文件
路径:项目 --> Android -->build.gradle 文件
修改buildscript 和allprojects:加入阿里镜像
google()
jcenter()
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
3、flutter程序运行,由于项目强制退出后,导致工程卡死或锁住
解决方案:进入 flutter/bin/cache 文件夹中,删除 lockfile 文件
注:/bin/cache 前是你放置fluuter的路径
4、flutter运行iphone真机报错:无法打开“iproxy”,因为无法验证开发者
解决方案:执行以下命令即可
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/libimobiledevice/idevice_id
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/libimobiledevice/idevicename
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/libimobiledevice/idevicescreenshot
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/libimobiledevice/idevicesyslog
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/libimobiledevice/ideviceinfo
sudo xattr -r -d com.apple.quarantine [flutter解压后的目录]/flutter/bin/cache/artifacts/usbmuxd/iproxy