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。

相关推荐
牛马1118 分钟前
Flutter 多语言
前端·flutter
by————组态15 分钟前
集成详细说明
前端·物联网·信息可视化·组态·组态软件
我是小疯子661 小时前
jQuery快速入门指南
前端
傻啦嘿哟1 小时前
Python中的@property:优雅控制类成员访问的魔法
前端·数据库·python
北辰alk1 小时前
Vue 自定义指令生命周期钩子完全指南
前端·vue.js
是小崔啊1 小时前
03-vue2
前端·javascript·vue.js
getapi1 小时前
在 Google Play 上更新你已上架的 Flutter 应用
flutter·googlecloud·web app
学习非暴力沟通的程序员2 小时前
Karabiner-Elements 豆包语音输入一键启停操作手册
前端
Jing_Rainbow2 小时前
【 前端三剑客-39 /Lesson65(2025-12-12)】从基础几何图形到方向符号的演进与应用📐➡️🪜➡️🥧➡️⭕➡️🛞➡️🧭
前端·css·html
刘羡阳2 小时前
使用Web Worker的经历
前端·javascript