flutter

Vscode创建Flutter项目

2023-09-19  本文已影响0人  __Mr_Xie__

一、Vscode创建项目

  1. 快捷键Ctrl+Shift+P打开命令面板,选择新项目

  2. 选择需要开发的项目类型Application应用开发(下面会补充这五种项目类型说明)

  3. 选择Application后弹出文件目录,选择项目存放的文件夹地址

  4. 数入项目名称后按回车键创建项目


  5. 创建完成后的项目目录


二、补充五种项目类型

Application:

应用开发,也就是最常用的app开发

android: 安卓原生项目代码和配置
ios: ios原生代码、配置、资源等
lib:dart/Flutter代码
pubspec.yaml:项目配置文件,包含dart/flutter版本信息、版本号、使用的三方库、资源配置等
test:单元测试代码

Module模块开发,

该方式常用于将Flutter项目集成到Native项目中,Native是项目主体(宿主)。

  1. 已有原生项目中,使用Flutter开发,提高效率
  2. 已有Flutter项目,以module方式集成到旧的项目中
  1. 集成多个module时,需要考虑Flutter Engine使用,多个Flutter Engine会存在内存及内存不能共享问题,Dart2.15之后,Isolate组之内的isolate可以共享内存
  2. 多个Flutter Engine会消耗大量内存
  3. Native打开Flutter页面时,由于Flutter Engine需要初始化,需要消耗时间,造成页面跳转延迟("卡顿")

Package开发

Flutter包开发。

  1. package中不能使用原生代码
  2. 可以使用纯Dart语言,不依赖Flutter开发Dart Package

Plugin插件开发

  1. 可以发布到pub.dev
  2. plugin中可以包含原生代码

Skeleton骨架开发

该项目方式从Flutter2.5版本以后开始支持,为开发提供一种较好的项目模板,不是默认的Counter app,模式中可以看到路由、资源、多语言、状态管理、文件夹等好的实现方法。

上一篇 下一篇

猜你喜欢

热点阅读