“我正在参加「掘金·启航计划」”
前言:
上一篇有出过关于
Dart
语法的记录,但是想完成一个完整的Flutter
项目,只会Dart
是不够,页面样式还需要Flutter
,调试还需要安卓和IOS的模拟器,缺一不可,所以本篇就开发前奏的安装步骤来切入。
从此开始要开启
Flutter
系列了,暂且就先按照我的学习路径,后期会整理成更细节的系列,敬请期待吧!😄 更新日期;2022-10-05
Flutter 介绍
Flutter
是App
,一套代码同时运行在iOS
和Android
平台。Flutter
提供了丰富的组件、接口,开发者可以很快地为Flutter
添加Native
扩展。下面我们整体介绍一下Flutter
技术的主要特点。
关于flutter的 自身优点:
-
跨平台:
Linux
、Android
、IOS
、Fuchsia
-
原生界面性能好
-
开源、免费
-
120fps
、超高性能 -
第三方组件的发展迅速
-
阿里巴巴 腾讯
JD
都在使用
关于flutter 和其他端的区别
技术类型 | UI渲染方式 | 性能 | 开发效率 | 动态化 | 框架代表 |
---|---|---|---|---|---|
H5 + 原生 | WebView渲染 | 一般 | 高 | 支持 | Cordova、Ionic |
JavaScript + 原生渲染 | 原生控件渲染 | 好 | 中 | 支持 | RN、Weex |
自绘UI + 原生 | 调用系统API渲染 | 好 | Flutter高, Qt低 | 默认不支持 | Qt、Flutter |
关于下载安装:
关于安装下载,需要先安装
Flutter
,再安装Xcode
和Android Studio
,整个的安装过程相对较长,一定要有耐心,一定要有耐心,一定要有耐心!!!
安装 Flutter
这个注意事项里面的内容要认真看,我当初也是升级完系统才进行的安装。另外Flutter的整个下载过程耗时很久,我用了近1个小时左右。
等待下载成功后,打开.bash_proofile 文件,命令如下:
open ~/.bash_profile
- 替换flutter 安装地址
# flutter Path
export PATH=/Applications/App/flutter/bin:$PATH # 此行用你本地安装地址替换,例如我本地安装包地址 :/Applications/App/flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- 修改完成后保存,命令行执行:
source ~/.bash_profile
- 然后查看是否安装成功:
flutter doctor
如下即是安装成功:
安装Xcode
Xcode
是后面在调试苹果时需要用到的模拟器,这个软件整体比较大,我下载的版本是17个G
,不要怀疑,真的是17个G
,所以下载前需要保证有足够的内存。
在App Store
中搜索 Xcode
,找到下面这个带锤子的工具进行安装。
安装 Android Studio
上面的Xcode 是苹果模拟器,既然有
IOS
,那我们也不能缺少安卓,这个就是安卓的模拟器,相对Xcode
来讲,安卓的包明显小很多,只有不到2个G
。
下载地址:developer.android.google.cn/studio
- 下载完后打开程序,按照操作指导安装和初始化:
- 根据你的电脑选择不同安装包
- 首次打开会提示找不到
sdk
目录,点击cancel
- 打开
Android Studio
启动向导,选择下一步
- 这里可以选择标准启动设置,也可以进行自定义,这边我选择了自定义
- 选择
java
工具包
- 配置主题,默认的有两种,选择自己喜欢的主题就好。【据研究表明:黑色更护眼】
- 选择需要安装的配件,建议勾选以下选项,这些也可以在之后进行安装,推荐可以在配置软件的时候就勾选上。
- 勾选同意
- 当所有都勾选同意后,
finish
按钮亮起
- 接下来显示的是刚才勾选的配置设置,如若无误,点击 finish, 如果需要修改点击 Previous。点击 finish 后则会进行组件的下载安装,等待安装完成即可,请保持网络通畅哦。
- 下载中:
- 下载完成后,Finish 按钮亮起,点击 Finish 即可完成软件的初始化配置 :
- 至此,软件安装和初始化完成,从这里可以进行创建项目工程或者打开已有的项目工程等操作。