美文网首页flutter
Vscode创建Flutter项目

Vscode创建Flutter项目

作者: __Mr_Xie__ | 来源:发表于2023-09-19 10:17 被阅读0次

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

相关文章

  • 快速的创建flutter项目

    1.命令行创建flutter项目 2.VSCode创建flutter项目 3.andried Studio 创建f...

  • Flutter 项目介绍及体验

    Flutter项目目录结构介绍 以我新创建的myflutter项目为例,用vscode打开是这样: Flutter...

  • 2020-08-18

    Flutter创建项目时指定iOS、Android的开发语言 在VSCode中创建的项目默认iOS是swift a...

  • vscode创建flutter项目

    记录flutter创建运行过程的问题及解决方法 创建flutter项目 运行flutter项目 报错信息及解决 启动成功

  • Flutter常用命令

    不定期更新常用命令 创建项目 打开VSCode创建项目 运行 更新flutter最新包 连接的设备 删除lock ...

  • fultter创建工程遇到的问题及解决办法

    问题:vscode 创建flutter工程时,"flutter pub get" is stucking

  • vscode开发flutter

    vscode在plugin中搜索flutter插件,安装,就可以了,重新启动vscode。 打开flutter项目...

  • mac配置运行flutter

    用vscode创建了flutter项目。 电脑里已经下载了Xcode和Androidstudio. 第一个链接主要...

  • android 项目集成flutter问题

    1,创建flutter module项目:创建flutter项目有四种:flutter项目,flutter插件,f...

  • Flutter常用命令

    创建flutter项目: flutter create -i objc 项目名称 创建flutter的module...

网友评论

    本文标题:Vscode创建Flutter项目

    本文链接:https://www.haomeiwen.com/subject/wxunvdtx.html