提示:
正式版FlutterSDK
为1.20.2,.tar文件44.1 MB
最新FlutterSDK
stable稳定版1.20.2 完整的相关文件2.44GB
Flutter Mac环境配置
1、创建项目
1.1指定路径cd
FlutterCode文件夹(自己定义)
Macbook@MacBook % cd /Users/Macbook/Documents/FlutterCode
1.2创建项目flutter create
,名称为FlutterDemo(自己定义)
直接创建:
Macbook@MacBook FlutterCode % flutter create FlutterDemo
或者授权创建sudo,需要电脑密码:
Macbook@MacBook FlutterCode % sudo flutter create FlutterDemo
1.3创建结果,显示安卓和iOS都配置完成。
![](https://img.haomeiwen.com/i3101953/a04ad8b3e59eb903.png)
![](https://img.haomeiwen.com/i3101953/4bd5063be0614710.png)
2、运行项目
2.1方法一:按照上面提供的指令运行
2.1.1执行flutter packages get
加载需要包
2.1.2执行open -a simulator
打开模拟器
2.1.3提示应用运行方法:cd FlutterDemo
和flutter run
注意:第一次创建项目执行上面4个指令,iOS会加载项目tools工具包以便项目在Xcode上打包或者运行在iOS设备上。当然如果优先做Android的可以暂时忽略上面指令,直接到Android Studio上打开FlutterDemo项目运行,需要什么都会帮你自动下载好。毕竟Flutter、Android Studio都是Google的。
2.2方法二:到Android Studio和Xcode上运行,直接打开文件里面的工程。
3、Android Studio
1.安装插件Flutter
和Dart
保证编译环境正常
2.安装安卓设备模拟器(自行选择下载)
3.运行(如果选iOS设备运行,会下载ios tools工具包到FlutterSDK,目前891.8 MB)
![](https://img.haomeiwen.com/i3101953/2173e579ef69175f.png)
![](https://img.haomeiwen.com/i3101953/5a0118e47011b077.png)
运行时一直卡在Running Gradle task 'assembleDebug'...
网上有人说修改配置路径可以修复,但是我换一个好的网络环境,第一次跑几分钟后是可以正常运行的。可以看到下面进度条一直在动,在安装安卓SDK、Tools。
![](https://img.haomeiwen.com/i3101953/e91ef6ca41dc2eda.png)
当出现真机运行或者每次重启`Android Studio`都报错提示修复 `FlutterSDK`的时候。可能用以下方法解决:
1、在偏好设置里面配置Flutter语言框架指向的SDK路径;
2、在`.bash_profile`文件添加配置2条路径`tools`和`platform-tools`:
(注:/Users/Macbook/Library/Android/sdk为下图AndroidSDK路径)
export PATH=${PATH}:/Users/Macbook/Library/Android/sdk/tools
export PATH=${PATH}:/Users/Macbook/Library/Android/sdk/platform-tools
![](https://img.haomeiwen.com/i3101953/debd1784a3fdd96c.png)
![](https://img.haomeiwen.com/i3101953/33398fb39acf009f.png)
运行结果
![](https://img.haomeiwen.com/i3101953/fbd30b490cd013ed.png)
4、Xcode(有报错会列出解决方案)
运行如果报错,要修改一下Build System,在Xcode菜单栏选择File -> Workspace Setting -> Build System 选择Legacy Build System 重新运行即可。
错误error:
Command PhaseScriptExecution failed with a nonzero exit code
1.运行如果报错,要删除SDK的cache,重新`flutter doctor`下载缺失文件
2.运行如果报错engine里面没有ios文件,需要复制别人的过来,或者`open -a simulatr`之后再运行`cd FlutterDemo`和` flutter run`,确保文件存在。
错误error:
……/flutter/bin/cache/artifacts/engine/ios/Flutter.podspec: No such file or directory
![](https://img.haomeiwen.com/i3101953/645a8bfeed939767.png)
![](https://img.haomeiwen.com/i3101953/fee4c3a4c151ea1b.png)
结语
刚接触2天Flutter,完全是看教程操作,其中可能碰巧做对能成功跑起来,也有很多描述可能不精准,但是我会在学习中积累经验慢慢完善。
网友评论