1、获取Flutter SDK
下载地址:https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
解压安装包到你想安装的目录。
2、配置环境变量:
open ~/.bash_profile
在当期用户目录下创建.bash_profile文件,如果该文件已经存在, 则直接打开。将以下代码复制到.bash_profile中,
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 -h
image.png
3、执行命令flutter doctor ,命令的作用是检测还需要安装的依赖。:
flutter doctor
image.png
按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。
image.png
需要运行:
flutter doctor --android-licens
image.png
这里界面会要求输入Y/N,一路输入Y就行了。
4、配置iOS环境运行命令:
brew update
brew install --HEAD libimobiledevice
brew install ideviceinstaller ios-deploy cocoapods
pod setup
这个步骤有点慢...
6、安装idea插件
image
(转自网友的图)
7、安装完成后重启idea,在新建项目的时候左侧菜单栏有Dart和Flutter说明这两个安装完成了,右边红色方框设置Flutter SDK。
image.png
8、测试运行项目
新建一个Flutter工程,工程名不能含大写字母,这里会有点慢
如果在创建的过程中出现如下错误,那么Close Project,然后重新打开即可。
image
如果我们只想简单的实现”Hello World”,用下面的代码替换掉main.dart里面的代码即可。
import 'package:flutter/material.dart';
void main(){
runApp(new Center(child: new Text('Hello Flutter!')));
}
然后选择模拟器运行即可。
image.png
网友评论