当前位置: 首页 > news >正文

Flutter在Visual Studio Code上首次创建运行应用

一、创建Flutter应用

1、前提条件

    安装Visual Studio Code并配置好运行环境

2、开始创建Flutter应用

1)、打开Visual Studio Code

2)、打开 View > Command Palette

3)、在搜索框中输入“flutter”,弹出内容如下图所示,选择“ Flutter: New Project”,并点击Enter

4)、选择 Applocation,并点击Enter

5)、新建或选择新项目将存放的上层目录,。例如:“E:\zdmProject\FlutterHelloWord”

6)、输入项目名称,例如:my_flutter_helloword,并点击Enter

7)、等待项目创建完成,并且 main.dart 文件展现在编辑器中。

勾选后,开始创建应用。

这就是使用VS Code创建的Flutter项目。

提示:

1、每当创建一个新的 Flutter 应用时,一些 Flutter IDE 插件会请你输入一个类似 com.example 的包名,包名(在 iOS 里叫 Bundle ID)一般都是公司域名的反写。如果你的应用打算上架商店,建议一开始的时候把这个全网唯一的包名设置好,因为应用上架之后就不能再修改了。

2、应用程序的代码存放在“lib/main.dart ”中。

二、运行应用APP

1、定位到Visual Studio Code的状态栏(窗口底部蓝色框)。

2、选择一个设备,如果没有连接真机,可以使用模拟器。

3、运行 Run > Start Debugging 或按下 F5。在 VS Code terminal 中运行命令: flutter run
4、等待应用启动——启动进度会在 Debug Console 中展示。

注意:

在windiws电脑上不能直接build iOS app,这种限制来自Apple,非 Flutter。只有 Mac 系统才能 build iOS app,但 Windows 可以 build Android app。

http://www.lryc.cn/news/259339.html

相关文章:

  • 如何用ChatGPT分析恶意软件?
  • 【Axure高保真原型】能增删改的树形表格
  • 前端打包工具之Webpack5
  • linux设置环境变量
  • vue中对pdf文件和路径的处理
  • Socks5与代理IP技术探析:构建安全高效的网络通信
  • 【lesson13】MySQL表的基本操作之create(创建),update(更新)和replace(替换)
  • SQL进阶 | HAVING子句
  • 【Marp】基于Markdown-Marp快速制作PPT
  • 微服务项目部署
  • vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置
  • 【rabbitMQ】模拟work queue,实现单个队列绑定多个消费者
  • pdf转png的两种方法
  • 【起草】1-2 讨论 ChatGPT 在自然语言处理领域的重要性和应用价值
  • Mapreduce小试牛刀(1)
  • 二百一十七、Flume——Flume拓扑结构之聚合的开发案例(亲测,附截图)
  • vue3+ts+vite+element plus 实现table勾选、点击单行都能实现多选
  • 在WPF窗口中增加水印效果
  • wget下载到一半断了,重连方法
  • Docker笔记:docker compose部署项目, 常用命令与负载均衡
  • Java单元测试:JUnit和Mockito的使用指南
  • 缓存雪崩问题与应对策略
  • python编程需要的电脑配置,python编程用什么电脑
  • 目标检测YOLO实战应用案例100讲-基于深度学习的跌倒检测(续)
  • 05-命令模式
  • Docker安全及日志管理
  • 【LeetCode每日一题】152. 乘积最大子数组
  • Python 反射
  • HTML基本网页制作
  • Tcl语言语法精炼总结