Flutter 菜鸟系列一:Flutter 初始化你必须知道的几个步骤
2023-11-03 00:16:11
各位Flutter入门的新人们好,在我们进行Flutter项目的实操之前,必须得先搭建好Flutter环境才能顺利开始后续的项目初始化操作,在完成整个环境的搭建后,就可以开始进行Flutter项目初始化,顺利创建一个Flutter项目。这一系列文章,我们就一起来看看如何初始化Flutter项目。
1. 创建项目
第一步,我们先来创建一个Flutter项目,可以在电脑上找到 Flutter SDK 的 bin 文件夹,打开终端,在终端内输入以下指令创建项目:
flutter create flutter_project
我们用flutter create 后面跟着项目名就可以创建Flutter项目了,接下来就是初始化项目所需要的各种库和依赖。
2. 认识项目结构
创建一个Flutter项目后,我们就能看到我们项目的文件夹结构了,我们可以看到lib文件夹下有一个main.dart的文件,这是我们项目的入口文件。我们可以在这个文件中找到main函数,main函数是我们Flutter程序的入口,通过runApp函数启动Flutter应用,传入Widget参数MyApp()。需要注意,runApp这个函数是Dart的单行函数写法。
3. 运行Flutter项目
在项目文件夹内,我们运行如下指令运行Flutter项目:
flutter run
然后我们的Flutter项目就会运行起来了,不过可能会出现很多报错,这是因为我们的Flutter环境没有配置好,所以我们需要配置一下Flutter环境。
4. 配置Flutter环境
在Flutter项目根目录下,新建一个.env文件,并将以下内容粘贴到文件中:
FLUTTER_SDK=/Users/username/flutter
ANDROID_HOME=/Users/username/Library/Android/sdk
其中,FLUTTER_SDK是Flutter SDK的路径,ANDROID_HOME是Android SDK的路径,username是你的电脑用户名。
接下来,我们需要配置Flutter环境变量,在终端内输入以下指令:
export PATH=$PATH:/Users/username/flutter/bin
其中,/Users/username/flutter/bin是Flutter SDK的bin文件夹的路径,username是你的电脑用户名。
最后,我们运行以下指令重启终端:
source ~/.zshrc
这样我们的Flutter环境就配置好了。
5. 运行官方计数器Demo
我们回到我们的Flutter项目,再次运行以下指令运行Flutter项目:
flutter run
这个时候,我们的Flutter项目就会成功运行起来了,我们就可以看到官方的计数器Demo了。
这就是Flutter项目初始化的全部步骤,希望能帮到各位Flutter入门的新人们。
结语
在本系列文章中,我们将从Flutter环境搭建开始,一步步带领大家完成Flutter项目的初始化,让大家能够快速上手Flutter开发。希望大家能够跟着我们的教程,顺利完成Flutter项目的初始化,并开始自己的Flutter开发之旅。