mac flutter idea环境搭建

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • flutter是最近比较火的新玩意,解决移动端跨平台的痛点,且性能不输原生开发。 在flutter之前,为了解决跨...
    Code人生阅读 9,525评论 1 8
  • 由于Flutter会同时构建Android和IOS两个平台的发布包,所以Flutter同时依赖Android SD...
    寒桥阅读 9,806评论 2 7
  • 今天正式入坑,感受就是水彩真的好难掌控,线稿画的感觉还可以,上色惨不忍睹。继续加油!
    北肖肖阅读 1,384评论 0 0
  • 今天一位姐姐生日,也是我讲离开服务整整一年的公司的日子。禁不住要回望一下一整年。 与以往不同,我居然不是先想我这一...
    夕彦阅读 1,612评论 0 0
  • 据我观察,无论影视还是文学作品的主要人物的安排都是有规律可循的。 红绿灯是两头红绿对立,中间黄灯过渡,人也是一样,...
    爱码爱自由阅读 1,501评论 0 5