“我正在参加「掘金·启航计划」”
前言：
上一篇有出过关于
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 即可完成软件的初始化配置 ：
- 至此，软件安装和初始化完成，从这里可以进行创建项目工程或者打开已有的项目工程等操作。
