【Flutter】 开发前奏- 安装和下载

前言：

上一篇有出过关于Dart语法的记录，但是想完成一个完整的Flutter项目，只会Dart是不够，页面样式还需要Flutter，调试还需要安卓和IOS的模拟器，缺一不可，所以本篇就开发前奏的安装步骤来切入。

从此开始要开启Flutter系列了，暂且就先按照我的学习路径，后期会整理成更细节的系列，敬请期待吧！😄 更新日期；2022-10-05

Flutter 介绍

Flutter 是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android平台。 Flutter 提供了丰富的组件、接口，开发者可以很快地为 Flutter 添加 Native 扩展。下面我们整体介绍一下 Flutter 技术的主要特点。

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个小时左右。

flutter的下载安装地址

等待下载成功后，打开.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 即可完成软件的初始化配置 ：

• 至此，软件安装和初始化完成，从这里可以进行创建项目工程或者打开已有的项目工程等操作。

---