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

VSCode 是一个强大的开源代码编辑器,可以支持多种编程语言和框架。它非常适合用于创建和开发各种项目,包括 Swift 和 Flutter。 首先,要创建 Swift 项目,你需要确保你的计算机上已安装有 Swift 编程语言的开发环境。在 VSCode 中,你可以通过在 "Extensions"(扩展)选项卡中搜索并安装 "Swift" 扩展来支持 Swift 语言。 安装完 "Swift" 扩展后,你可以使用 VSCode 中的 "Command Palette"(命令面板)来创建 Swift 项目。按下 "Cmd+Shift+P"(Mac)或 "Ctrl+Shift+P"(Windows)打开命令面板,然后输入 "Swift: Create New Project"(Swift: 创建项目)。选择该选项后,会出现一个提示框,你可以输入项目名称和保存位置,并确认创建项目。 对于 Flutter 项目,你同样需要确保你的计算机上已安装了 Flutter SDK,并且配置了 Flutter 的开发环境。在 VSCode 中,你可以通过在 "Extensions"(扩展)选项卡中搜索并安装 "Flutter" 扩展来支持 Flutter 框架。 安装完 "Flutter" 扩展后,你同样可以使用 VSCode 中的 "Command Palette"(命令面板)来创建 Flutter 项目。按下 "Cmd+Shift+P"(Mac)或 "Ctrl+Shift+P"(Windows)打开命令面板,然后输入 "Flutter: New Project"(Flutter: 新建项目)。选择该选项后,会出现一个提示框,你可以输入项目名称和保存位置,并确认创建项目。 总之,通过安装适当的扩展和使用 VSCode 的命令面板,你可以方便地在 VSCode创建 Swift 和 Flutter 项目,并利用其强大的功能进行代码编辑和开发。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值