iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Flutter学习—— Vscode创建项目
  • 613
分享到

Flutter学习—— Vscode创建项目

学习vscodeFlutter编辑器 2023-08-31 22:08:49 613人浏览 独家记忆
摘要

目录 一、Vscode创建项目 二、补充五种项目类型  Application:  Module 模块开发, Package开发 Plugin 插件开发 Skeleton 骨架开发 一、vscode创建项目 快捷键 Ctrl+Shift

目录

一、Vscode创建项目

二、补充五种项目类型 

Application:

 Module 模块开发,

Package开发

Plugin 插件开发

Skeleton 骨架开发


一、vscode创建项目

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

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

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

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

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

二、补充五种项目类型 

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

来源地址:https://blog.csdn.net/zww986736788/article/details/131879007

--结束END--

本文标题: Flutter学习—— Vscode创建项目

本文链接: https://www.lsjlt.com/news/387192.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作