关于 Flutter 开发工具、Flutter 项目的创建与运行

我正在参加跨端技术专题征文活动，详情查看：juejin.cn/post/710123…

关于 Flutter 开发工具

官方推荐 Flutter 开发工具有： Android Studio 和 VSCode

关于 Android Studio

Android Studio 为 Flutter 提供了一个完整的集成开发环境。使用 Android Studio 开发 Flutter 需要安装俩个插件：Flutter 和 Dart

• 优点
  • 集成开发环境功能比较全，有对应的启动、热更新等点击按钮，方便操作
  • 不会出现热更新不及时或必要时的重启步骤
• 缺点
  • Android Studio 比较重
  • 占据计算机资源比较多，启动项目会慢一些

关于 VSCode

VSCode 是一个可以运行和调试 Flutter 的轻量级编辑器，而且非常流行。使用 VSCode 开发 Flutter 需要安装俩个插件：Flutter 和 Dart

• 优点
  • 非常轻量
  • 不会占用特别大的内存消耗，启动速度很快
  • 有非常多的插件可以支持需求开发
• 缺点
  • 操作起来不太方便，没有直观的启动按钮等
  • 热更新不及时，必要时需要重启

---

关于 Flutter 项目的创建与运行

先说一个概念： 热重载

在开发阶段，如果每次修改代码重新编译会相当耗时。热重载可以在无需重新编译代码、重新启动程序的情况下，看到修改后的效果，这样便大大提高了开发效率

使用 Android Studio 创建项目

创建项目

• 打开 Android Studio，选中 New Flutter Project

  

• 选择 Flutter， 验证 Flutter SDK 的路径，完成后选择 Next

  

• 输入项目名称，项目类型下拉列表选择 Application，点击 Finish

  

运行项目

• Android Studio 的工具栏

  

使用 VSCode

创建项目

• 点击查看，选择命令面板

  

• 输入 flutter 之后，在下拉列表中选择 Flutter:New Project

  

• 下拉列表选择 Application，选择存放新建的项目的路径

  

  

• 输入项目名称，

  

• 需要等几秒，项目创建成功，main.dart 文件展现在编辑器中

  

运行项目

• 在 VSCode 右下方可以选择需要运行的模拟器

• 点击右下角当前显示的模拟器，会出现模拟器列表

  

• 运行项目，点击运行，在下拉列表中选择启动调试即可

  

终端创建

创建项目

使用命令 flutter create 项目名称 创建，其中项目名称不能为中文，不支持驼峰命名，建议使用全小写

• 命令执行

  flutter create demo
  
  //或
  
  flutter create study_flutter
  

• 终端信息

  

运行项目

• 命令执行

  执行命令 cd demo，进入项目

  执行命令 flutter run 运行项目，选择运行的平台

• 终端信息