Vscode创建Flutter项目
2023-09-19 本文已影响0人
__Mr_Xie__
一、Vscode
创建项目
-
快捷键
Ctrl+Shift+P
打开命令面板,选择新项目
-
选择需要开发的项目类型
Application
应用开发(下面会补充这五种项目类型说明)
-
选择
Application
后弹出文件目录,选择项目存放的文件夹地址 -
数入项目名称后按回车键创建项目
-
创建完成后的项目目录
二、补充五种项目类型
Application:
应用开发,也就是最常用的app
开发
android: 安卓原生项目代码和配置
ios: ios原生代码、配置、资源等
lib:dart/Flutter代码
pubspec.yaml:项目配置文件,包含dart/flutter版本信息、版本号、使用的三方库、资源配置等
test:单元测试代码
Module
模块开发,
该方式常用于将Flutter
项目集成到Native
项目中,Native
是项目主体(宿主)。
- 适用场景
- 已有原生项目中,使用
Flutter
开发,提高效率 - 已有
Flutter
项目,以module
方式集成到旧的项目中
- 存在问题:
- 集成多个
module
时,需要考虑Flutter Engine
使用,多个Flutter Engine
会存在内存及内存不能共享问题,Dart2.15
之后,Isolate
组之内的isolate
可以共享内存 - 多个
Flutter Engine
会消耗大量内存 -
Native
打开Flutter
页面时,由于Flutter Engine
需要初始化,需要消耗时间,造成页面跳转延迟("卡顿")
Package开发
Flutter
包开发。
-
package
中不能使用原生代码 - 可以使用纯
Dart
语言,不依赖Flutter
开发Dart Package
Plugin
插件开发
- 可以发布到
pub.dev
上 -
plugin
中可以包含原生代码
Skeleton
骨架开发
该项目方式从Flutter2.5
版本以后开始支持,为开发提供一种较好的项目模板,不是默认的Counter app
,模式中可以看到路由、资源、多语言、状态管理、文件夹等好的实现方法。