当前位置:   article > 正文

Flutter学习—— Vscode创建项目

vscode创建项目

目录

一、Vscode创建项目

二、补充五种项目类型 

Application:

 Module 模块开发,

Package开发

Plugin 插件开发

Skeleton 骨架开发


一、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,模式中可以看到路由、资源、多语言、状态管理、文件夹等好的实现方法

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/231831
推荐阅读
相关标签
  

闽ICP备14008679号