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

2022-07-15 10:12:45 浏览数 (1)

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这个包,好歹选个稳定版吧。

然后执行解压命令。

代码语言:javascript复制
# unzip 解压缩
unzip flutter_macos_2.5.3-stable.zip

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

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

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

代码语言:javascript复制
# 国内用户需要设置
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玩耍了。

0 人点赞