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。

相关推荐
ZoeLandia1 小时前
React05:useEffect 与副作用
开发语言·前端·react.js·typescript
狮子座的男孩1 小时前
html+css基础:24、2D变换(位移/缩放/旋转/扭曲(了解)/多重变换/变换原点)
前端·css·经验分享·html·2d位移·原点变换·缩放/旋转/扭曲
weixin_417396832 小时前
酒店弱电怎么验收?四个阶段与逐项检查清单
开发语言·前端·php·综合布线·弱电
风骏时光牛马2 小时前
探索AI开源工具,解锁原生创造新体验
前端
u0111026752 小时前
Vue 页面离开后还在轮询?统一清理计时器、监听器与观察器
前端·javascript·vue.js
大猩猩X2 小时前
vue 表格组件 vxe-table 实现多行编辑,支持增删改查与校验
前端·javascript·vue.js·vxe-table
跨境数据猎手3 小时前
跨境电商系统三大 Web 漏洞的防护:SQL 注入、XSS、CSRF
前端·sql·xss
冒险的豆子3 小时前
Proxy & Vue 响应式(合并精简版,适合面试)
前端·javascript·vue.js
Java后端的Ai之路4 小时前
前端技术Vue-18-视图中的渲染
前端·javascript·vue.js
程序员海军10 小时前
用了两年多 GPT,我最近开始换模型了,还折腾了个求职避坑 Agent
前端·人工智能·后端