2024年Flutter之入门hello_world

最新推荐文章于 2025-06-10 18:36:20 发布

原创最新推荐文章于 2025-06-10 18:36:20 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文指导用户如何从Flutter官网下载并安装3.19.2版本的SDK，然后在VSCode中配置Dart插件，创建hello_world项目，涵盖iOS、Android和Web平台的环境设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装flutter sdk

从flutter官网选择Mac下3.19.2的flutter版本下载。

2.安装VSCode，并创建hello_world工程

安装Dart插件，在VSCode中，command+shift+p创建Flutter 项目时，选择flutter sdk的目录，并创建hello_world项目
具体安装参考官方教程，不再多说。

3.hello_world效果图

MacOS

在这里插入图片描述

iOS

在这里插入图片描述

Android

在这里插入图片描述

web

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

snow3121

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Flutter 入门：2024 年完整初学者指南

iCloudEnd的博客

02-11

218

Flutter 就像一根魔杖，可以用来创建在各种设备上流畅运行的应用程序。它是一个开源 UI 软件开发工具包，让您只需一组代码即可制作出出色的应用程序！另外，它是用一种名为 Dart 的语言构建的，这种语言非常容易学习，并且可以帮助您使应用程序变得超快。因此，如果您想为手机和电脑制作很酷的东西，Flutter 就是您的最佳选择！在 Flutter 中，“上下文”就像一个秘密助手，告诉小部件它们在哪里以及它们周围发生了什么。

Electron 学习笔记

制定持续可量化的目标，不断坚持。

12-23

1498

Electron 学习笔记

3 条评论您还未登录，请先登录后发表或查看评论

Flutter学习之Hello World

m0_60264901的博客

06-08

1190

Flutter之入门学习第一天

Android Studio中配置Flutter插件，创建小项目“hello world”

彬sir哥的博客

12-13

2060

一、下载Flutter SDK 打开官网https://flutter.io/setup-windows/下载Flutter sdk并解压到一目录

鸿蒙-flutter-环境搭建和第一个HelloWorld

最新发布

Huang兄

06-10

947

正在慢慢的补齐鸿蒙版本应用的功能，之前 Android 和 iOS 上有一部分功能是 flutter 实现的，现在需要把相关代码移植到鸿蒙应用中。慢慢来，不着急。由于目前只有64位引擎，暂不支持模拟器，需要使用真机调试。

flutter hello world

牛腩的专栏

09-20

201

在surface pro4上不知道怎么弄好了Flutter了，运行成功在redmi k30 pro手机上了，结果跑到神舟精盾本本上再弄一次又出问题了，每次搭建flutter环境总是出问题，郁闷，写个博客记录下来碰到的问题，便于以后查询！！！下载好flutter_windows_1.20.4-stable（本地下载很慢，我都是远程桌面到其他服务器上，在其他服务器上下载了再直接从远程桌面拉下来，已传到和彩云网盘上），解压到c:\flutter\目录下 ,环境变量path里加上C:\flutter\bin，

初识Flutter之Hello World

T3119205的专栏

07-03

547

上一篇文章已经配置好了开发环境，现在迫不及待的开始“试驾”我的，flutter小程序，哈哈 1.构建和运行flutter的方法很多，比如Android Studio， VS Code， Terminal+编辑器，选择Terminal+编辑器写程序的人可以称得上是大牛了，由于我是菜鸟，这里我选择Android Studio的方式构建呦，VS Code大同小异。（1）选择File>Ne...

【flutter】HelloWorld篇

LCQ_CG的博客

09-14

308

flutter官网文档中的程序

Flutter-HelloWorld

Chuck Chan的专栏

05-16

322

文章将会被同步至微信公众号：Android部落格一、Flutter初识 Flutter有什么优势？它可以帮助你：提高开发效率同一份代码开发iOS和Android 用更少的代码做更多的事情轻松迭代在应用程序运行时更改代码并重新加载（通过热重载）（IDE部署的时候，并不是在移动设备上运行的时候，与插件化的热更新不是一个概念）修复崩溃并继续从应用程序停止的地方进行调试创建美观，高度...

Flutter入门之——HelloWorld

热门推荐

卜大爷的博客

09-14

2万+

本文我们将实现Flutter的第一个APP——HelloWorld。

Flutter与原生平台交互实战：平台特有功能集成，打造无界限应用

[15章慕课甄选-2024年Flutter零基础极速入门到进阶实战](https://opengraph.githubassets.com/48f80766c012f9307ac4f241f20660a3eb2f65d06be169f78a308dcef823b985/weeee9/flutter_learning) # 摘要本文全面介绍了...

Flutter开发之Hello World

iOSbird的博客

04-28

501

一、创建项目 flutter项目的创建有两种方式：通过命令行创建和开发工具创建。 1、命令行创建： flutter create xxx 注意：Flutter的名称不要包含特殊的字符，另外不可以使用驼峰标识 2、开发工具创建，比如使用Android Studio创建，选择 Start a new Flutter project ...

Flutter系列（四）——HelloWorld

03-05

627

想学Flutter，就请关注这个专栏 Flutter系列（一）——详细介绍 Flutter系列（二）——与React Native进行对比 Flutter系列（三）——环境搭建（Windows） Flutter系列（四）——HelloWorld 文档归档： https://github.com/yang0range/flutterfile 创建的第一个Demo 上一篇文章，详细的介绍了Flu...

Flutter 第一个程序Hello World!

晨曦

07-20

3740

Flutter实际上在我学习Android之前就已经听说过了，不过那时候的Flutter还是初始版本，并不如原生，虽说有跨平台的优势，但也只是了解而已，没有去正式使用，那么为什么又要学习了呢？

Flutter Helloworld

A1521315qwss的博客

03-22

2267

Flutter Helloworld import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: S

Flutter Hello World

talkxin的博客

01-08

311

Flutter Hello World Flutter官方在github中提供了相应的demo示例集，可以在Flutter源码地址中下载该示例。 git clone https://github.com/flutter/flutter.git 使用vscode打开hello world示例文件夹路径fluuter/examples/hello_world 打开debug页签，选择添加Dar...

Flutter - Hello world

mrRuby的博客

12-31

596

一、概要 Flutter发展已经逐步稳定，使用的人群和企业也越来越多，已经逐步得到了大家的认可。最近公司有一个项目，用户相对固定，因此打算使用Flutter来做一次实验，到底能不能做出我们能够接受的效果。二、环境搭建 2.1 环境变量配置说明：以下全部操作均在Windows上。官网搭建说明：https://flutter.cn/docs/get-started/install 初次使用建议参考一下。这里注意一点：为了正常升级和通过pub package 命令获取packages，需要设置两个环境变量

Flutter移动应用开发 - 02 第一个程序HelloWorld，包、依赖、widget介绍，词汇本实例实现

如果没有躺赢的命，那就站起来奔跑，你的努力一定会对得起这一路的颠沛流离。

02-06

1488

主要根据官网完成了HelloWorld程序，汇总了包、依赖、widget等flutter中的基本概念的介绍，最后根据所学完成了词汇本实例，具有单词生成、单词收藏和收藏夹功能。

零基础学Flutter之Hello World

Spring框架注解学习之旅

02-16

751

零基础学Flutter之Hello WorldAndroid Studio 创建Flutter项目![在这里插入图片描述](https://img-blog.csdnimg.cn/20190215213333821.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLm...