如何生成第一个Flutter项目

最新推荐文章于 2023-06-20 07:00:00 发布
最新推荐文章于 2023-06-20 07:00:00 发布
阅读量131 收藏
点赞数
分类专栏： Flutter 文章标签： Flutter 项目创建 安卓项目 模拟器 真机链接
原文链接：https://www.imooc.com/article/292856
版权

如何生成第一个Flutter项目

记录如何生成一个Flutter项目的方法的笔记。

内容

1，创建项目时选择flutter项目

在AS中

2，选择flutter application

在这里插入图片描述

3，填写项目信息，保持默认即可

在这里插入图片描述
先用flutter创建的安卓项目
在这里插入图片描述

在这里插入图片描述

5，项目创建成功
然后要打开模拟器或者链接真机
在这里插入图片描述

总结：

本文虽然不是我自己写的而是摘抄的，但是还是得留下笔记以后忘记了可以回顾回顾，以后有补充的再补充说明

作者：编程小石头
链接：https://www.imooc.com/article/292856
来源：慕课网
本文原创发布于慕课网 ，转载请注明出处，谢谢合作

Ricardo_M_Zero
关注
专栏目录
如何在Flutter中创建一个新的项目？
奇妙的Bug之旅
05-06 196
至此，你已经成功创建了一个新的Flutter项目，并运行了你的第一个应用程序。你可以继续探索Flutter的各种功能和组件，根据你的需求进行开发。在Flutter中创建一个新的项目非常简单，只需按照以下步骤进行操作即可。上述代码创建了一个简单的Flutter应用程序，显示了一个带有标题的AppBar和一个居中的文本。这将自动启动一个模拟器或连接到你的设备，并在其中运行你的应用程序。应用程序将在模拟器或连接的设备上运行，并显示你在代码中定义的内容。现在，你可以开始编写你的Flutter应用程序了。
第 1-4 课：Flutter 项目结构及配置文件详解
持续学习中
09-22 1116
对于一门新语言或新技术的学习来说，在新建了项目之后，了解其项目结构及含义、配置文件的编写，这些对后续的开发和深入学习起到很重要的作用。俗话说磨刀不误砍柴工，Flutter 的学习也同理，我们在新建了 Flutter 项目后，需要进一步了解和学习 Flutter 的项目结构、文件的配置。而 Flutter 由于是跨平台应用，所以一般都会包括 Android 和 iOS 两个项目的目录以及 Flutt...
UI2Code智能生成Flutter代码——机器生成代码
weixin_34356310的博客
04-04 262
2019独角兽企业重金招聘Python工程师标准>>> ...
从头学习Flutter(二) 生成项目
ppqoppqh的博客
08-06 199
使用VsCode生成项目 上回已经把环境都配置好了，现在就要生成项目跑一下了 之前看了下攻略，因为有gradle这个东西，所以我们先改下flutter里的gradle下载库的地址 第一步：修改flutter.gradle 文件路径为:flutter>packages>flutter_tools>gradle>flutter.gradle, 找到 buildscript { ...
手把手教你用Spuernova生成flutter代码
weixin_43901866的博客
01-19 627
作者：Keriy 链接：https://juejin.im/post/5e1c5d7ef265da3df860f9bf 来源：掘金 缘起 周末得空，逛了dribbble，发现了好多好看的设计，馋的不行。相信每个前端都有这样一个梦想：能把设计稿直接生成代码该多好，忽而想起了Flutter Interact上大佬们演示的插件，感觉有得搞???? sketch准备 没有vip不能下载，就自己照着预览图画一个，...
flutter生成源代码_从源码开始了解Flutter绘制
weixin_39838362的博客
12-22 149
标题：从源码开始了解Flutter绘制作者：向日花开Flutter是怎么构建一个视图页面的，Widget是如何绘制到屏幕上的，这涉及到三棵树：Widget TreeElement TreeRenderObject TreeFlutter入口函数为main()函数void main()=> run(new MyApp());//MyApp是一个WidgetrunApp 函数接收一个Widget...
Flutter-创建Flutter项目的几种方法
m0_48259951的博客
02-01 6510
终端命令行创建flutter项目，打开终端，cd 打开创建项目文件存放位置，输入。后直接在输入框中输入项目名称， 回车， 按照提示操作即可。⚠️：创建过程中可能会出现。这个插件，智能提示代码。在vs code中按。，调出如下图所示，选中。
weather-app-flutter:FlutterDart的第一个个人项目
04-07
【weather-app-flutter:FlutterDart的第一个个人项目】 在当今移动应用开发领域，Flutter和Dart语言因其高效、跨平台的特性，越来越受到开发者们的青睐。"weather-app-flutter"项目是一个初学者用Flutter和Dart编写...
下一个 Flutter 项目要记住的 11 件事
会煮咖啡的猫咪
09-28 271
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TCcKXCRv-1632839650427)(https://ducafecat.tech/2021/09/29/translation/11-things-to-remember-for-your-next-flutter-project/2021-09-28-22-24-07.png)] 原文 https://medium.com/flutter-community/11-things-to-remember-for-yo
Episodio_IV_Flutter:Flutter制作的第一个应用程序-名称生成器
04-23
flutter_project ... 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
来自 Figma 的 React 代码的简单生成器
06-08
Figma to React Component figma-to-react-demo-en.mov 问题 许多 Figma to Code 工具都有以下一个或多个问题：为整个 Figma 文件生成（而不是按组件）需要在 Figma 之外访问服务的站点布局样式不响应，绝对定位到其父解决方案 Figma to React Component 在插件 UI 中输出 React 代码，可以通过选择某个节点来生成。 并且它的样式源自自动布局属性，因此是响应式的。 开发 npm install npm run dev 对于那些想要创建自己的 Figma 到 xxx 的人，请随意使用这个存储库，创建您自己的 Figma 并将其发布到 Vue、Flutter、SwiftUI 或其他任何东西！ buildTagTree 方法对这种情况很有用。 buildTagTree metssod 以以下格式输出标签对象，该格式与最终结果的结构无关。 export type Tag = { name: string isText: boolean textCharacters: string | null isI
Flutter 项目创建、运行及结构分析
帅次的博客
06-20 3328
项目结构：1 android 目录，2 ios目录，3 lib目录，4test 目录(可先不管) 配置文件：1pubspec.yaml文件，2pubspec.lock，3.packages，4.metadata，5.gitignore
【Flutter开发】如何创建一个Flutter项目
公众号：BennuCTech
02-17 2298
搭建flutter环境 这一步很简单，根据官网提示一步步进行就可以。官方地址：https://flutterchina.club/get-started/install/ 重点说一下官网表述不准确和搭建过程中发生的问题，我是基于mac环境安装的。 The Flutter directory is not a clone of the GitHub project 运行flutter doctor报如下错误： Error: The Flutter directory is not a clone of th
Flutter：环境搭建、项目创建
09-30 3332
Android studio 首次配置安装flutter
Flutter学习之创建Flutter工程
Wayfreem的博客
07-17 3604
准备工作 我使用的环境为 Windows7（公司电脑）、Windows10（自己的笔记本）。 可以看下前面一篇文章上面的提到的需要安装的东西：Flutter学习之环境搭建 使用 Android Studio 创建工程 新建工程 打开 Android Studio， File –> New Flutter Project 第一步： 选择 Flutter Application ...
创建第一个Flutter App项目
u010257931的博客
04-29 1155
上篇，我们讲了Flutter在Windows下开发环境的配置，并创建一个新的Flutter项目。这篇我们来讲，创建Flutter App项目。 看下我们最终实现的效果： 第1步: 创建 Flutter app 1.创建好的应用替换 lib/main.dart. 删除lib / main.dart中的所有代码，然后替换为下面的代码，它将在屏幕的中心显示“Hello World”. im...
flutter 进阶 GetX系列教程---Cli使用以及常用命令
半身风雪
11-23 3847
第一步：安装Cli脚手架 我们通过命令flutter pub global activate get_cli 进行脚手架的全局安装，本文以Mac OS为例。 fanhudeMacBook-Pro:~ jm$ flutter pub global activate get_cli Resolving dependencies... + _fe_analyzer_shared 26.0.0 (30.0.0 available) + analyzer 2.3.0 (2.7.0 available) + ansic
Flutter 我的第一个flutter项目
半身风雪
03-21 2243
P002 创建第一个flutter项目 1.创建并运行一个Flutter App工程 打开Android studio（简称AS）>File>New>New Flutter Project 选择一个模拟器，点击旁边的run 按钮 第一次编译项目时间比较长，耐心等待即可，运行完成 如下图 2.项目基本文件目录 Flutter项目主要分为Android，iOS，lib，pubspec.yaml这四个，其中lib下就是用来flutter开发的，我们的dart文件就放在这里，pubspec.
flutter生成源代码_Adobe XD一键生成Flutter代码
weixin_39575170的博客
12-22 736
最近在微信的谷歌开发者中得到一篇推文，因为最近也是在自学flutter，看他提到flutter就来兴趣的看了下，突然发现了好多的有意思的项目，还有就是XD支持一键生成Flutter。今天就抱着不太科学的心态去尝试了下，发现还真的是可以，也不知道这个是开发者的福音还是丢饭碗的节奏。于是我从我们家UI那里拿到了一手psd的源文件，其实只要是Adobe工程出来的都可以导入进去的。接下来我们开始搞起来。1...
flutter 项目
最新发布
07-31
Flutter 项目可以在一台开发者的电脑上进行开发，并通过编写控制台命令将应用程序打包成适用于不同操作系统的应用文件。 Flutter 项目具有以下特点： 1. 快速开发：Flutter 使用 Dart 语言编写代码，具有热重载...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值