搭建Flutter-iOS开发环境

雨点打透心脏的1/2处 2023-01-20 09:57 181阅读 0赞

/Users/zhong/Desktop/flutter

下载flutter

推荐去官网下载,速度并不慢,网址:

https://flutter.io/setup-macos/

点击链接:

笔者在写这篇文章时候的链接为:

https://storage.googleapis.com/flutter_infra/releases/beta/macos/flutter_macos_v0.3.2-beta.zip

配置环境变量

先把刚才下载的flutter_macos_v0.3.2-beta.zip解压缩,笔者选择使用的目录是根目录下的app文件夹

配置环境变量,这里笔者使用命令行:

  1. vim ~/.bash_profile

增加一行:

  1. export PATH=/Users/zhong/Desktop/flutter/bin:$PATH

保存一下,注意如果这个文件不存在,那么就新建一个。保存完毕之后运行命令:

  1. source ~/.bash_profile

这个时候应该能运行flutter命令了,我们运行命令行:

  1. flutter -h

这个时候应该能展示flutter的命令帮助:

检查环境

运行命令行:

  1. flutter doctor

按照检测结果的说明,如果有[!] ✗ 标志,表示本行检测不通过,需要做一些设置或者安装一些软件。

4、获取Flutter SDK

1)官网下载

2)解压安装包到目录

7f7c4e7d7b25430fbd69cacaeb6973d4.png

完成后该目录内容如下图

bbb9278b81b5edf308c947228754fe5a.png

3)添加 flutter 相关工具到path中。

5、运行flutter doctor,后显示

8d86522ec6b5794406348a7eb0a0999b.png

按照提示,输入指令,

sudo xcode-select —switch /Applications/Xcode.app/Contents/Developer

后,提示输入密码,输入密码后,重新运行flutter doctor

fd3e21689e3a5216feba918767e48552.png

发现,那个警告没有了。但发现未连接设备,这是因为模拟器没有启动,启动模拟器后,运行flutter doctor就显示已经连接了。

其他警告暂时忽略,到现在其实flutter已经配置的差不多了

现在可以开始创建第一个flutter 项目了

06d908f093780e8e3ee5b59d8671551c.png

我在桌面新建了flutter_demo文件夹,在此文件夹使用

flutter create flutterapp

创建名为“flutterapp”项目,注意项目名称中不能包含大写,否则会报错

在项目目录中 cd flutterapp

然后flutter run

提示

Launching lib/main.dart on iPhone 8 in debug mode…

a94f55d04e6cd19444ad1d5c0f4f7c0c.png

现在新建的项目已经运行到模拟器上面啦。

4459ccceea459187cdb309a4105b19ee.png

可以通过目录找到c544c97c03675bfa33de595f3157d014.png,双击就使用Xcode打开了。

04ba0488b6a48424da0f28344ae14fa6.png

c7d76eb472e1c9f8df9ebd70d683e053.png

今天就到这里了,明天开始学习flutter语法,然后搭建UI咯

发表评论

表情:
评论列表 (有 0 条评论,181人围观)

还没有评论,来说两句吧...

相关阅读

    相关 开发环境

    搭建开发环境可以分为两种:         第一种是项目非常简单,可能简单到只有一两个页面就可以搞定,这时候我们就直接新建一个html页面进行开发就行         第二

    相关 开发环境

    devsever contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件 open:true.//自动打开浏览器 port 9000 第一

    相关 MBlock开发环境

    本人对STM教育有兴趣,研究了一下mblock的代码,总结了一些个人搭建修改的经验,如果有需要进一步了解的朋友,欢迎交流,QQ:690333105,验证信息:mblock