第三十五期：flutter开发前准备

Flutter 是 Google 开源的应用开发框架，仅通过一套代码库，就能构建精美的、原生平台编译的多平台应用。

只要一套代码库，即可构建、测试和发布适用于移动、Web、桌面和嵌入式平台的精美应用。

近期准备花点时间重新研究一下flutter，早在两年前其实也做过flutter，以及react-native相关的开发，react-native就不说了，语法和react本身完全一致，而且react生态本身相对也比较完善，所以开发起来就比较容易，找对应的组件，或者sdk包，直接拿过来用就可以完成大部分的开发工作。

flutter的话上手可能就会花点时间，他是全新的Dart语言，虽然Dart看起来跟typeScript类似，但是如果想要完全适应Dart也需要一段时间。

另外在flutter封装的基本组件中，组件布局的形式和传统的前端也不一样，更像是用egret开发游戏，写游戏布局的那种写法。各种组件都是一个类，需要你去写各种属性。

想要用Flutter进行开发，那么我们必须先整理好开发环境，看看我们都需要哪些准备吧。

flutter开发前准备

之前本身已经配置过flutter的开发环境，但是不知道什么时候把flutter的安装包给删了，所以执行flutter命令的时候，直接就找不到这个命令了。

无所谓了，再来一次呗。

首先，需要我们去官网上或者github上下载flutter的包。我自己下载的是flutter_macos_2.5.3-stable.zip这个包，好歹选个稳定版吧。

然后执行解压命令。

# unzip 解压缩
unzip flutter_macos_2.5.3-stable.zip

解压缩之前先建一个文件夹，用来存放解压后的命令。解压缩也是在这个文件夹中进行的，我自己创建的文件夹是flutter_package。

解压后你会发现文件夹下多了个flutter文件夹，接下来我们需要将flutter添加到环境变量中，以便我们能够执行flutter命令。

如果你的终端用的bash，那么打开$HOME/.bash_profile文件,添加一下内容：

# 国内用户需要设置
export PUB_HOSTED_URL=https://pub.flutter-io.cn 
# 国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
export PATH=[flutter包所在的目录，也就是下载flutter时创建的那个目录的路径]/flutter/bin:$PATH

如果你用的终端是zsh，则打开$HOME/.zshrc文件添加以上内容即可。

至此呢，flutter命令就可以执行了。

然后我们需要运行flutter Doctor命令，来检查我们所需要的依赖是否都已经安装齐全。

我这个主要还差个xcode，之前安装的有，但是更新了flutter版本之后，需要Xcode 13.1 的版本才能运行，Xcode 13.1 又需要MacOS 11.v版本之上的系统才支持。

所以，信了邪，昨天搞了一下午升级了电脑的系统，晚上想着在装个新版本的Xcode， 我滴妈呀，一个Xcode大小12.4个G。

下载了一晚上，提示系统空间不够，无法安装，我也是醉了。

删了一堆文件，到现在反正还是没装上。。。。主要是我这个电脑也比较旧，7年前的macBook。。。

理论上装上Xcode,然后执行flutter create project-name命令创建一个项目。

然后执行flutter run就可以启动项目，并且在Xcode中预览，就可以愉快的使用flutter玩耍了。