欢迎您光临深圳塔灯网络科技有限公司!
电话图标 余先生:13699882642

网站百科

为您解码网站建设的点点滴滴

mac flutter idea环境搭建

发表日期:2018-12 文章编辑:小灯 浏览次数:2020

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 updatebrew install --HEAD libimobiledevicebrew install ideviceinstaller ios-deploy cocoapodspod 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
本页内容由塔灯网络科技有限公司通过网络收集编辑所得,所有资料仅供用户学习参考,本站不拥有所有权,如您认为本网页中由涉嫌抄袭的内容,请及时与我们联系,并提供相关证据,工作人员会在5工作日内联系您,一经查实,本站立刻删除侵权内容。本文链接:https://dengtar.com/17633.html
相关APP开发
 八年  行业经验

多一份参考,总有益处

联系深圳网站公司塔灯网络,免费获得网站建设方案及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:余经理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.