flutter app开发环境搭建

最新推荐文章于 2024-11-04 21:55:27 发布
最新推荐文章于 2024-11-04 21:55:27 发布
阅读量385 收藏
点赞数 1
分类专栏： 前端技术与架构 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uesowys/article/details/133849267
版权

Flutter是一个跨终端、多设备的应用界面开发工具，其支持web端、移动端、桌面端以及嵌入式不同应用场景的应用开发，其使用dart语言作为开发语言，本文主要描述Flutter开发环境搭建。

图片

如上所示，从Flutter官方网站下载最新版本的Flutter SDK

图片

如上所示，在windows path中配置Flutter SDK的环境变量

图片

如上所示，使用flutter提供的工具检查开发环境的支撑软件是否已经安装，包括安装Android studio、设置Android sdk的环境变量、在Android sdk中安装command-line命令行工具

图片

如上所示，在visual studio code的应用市场中安装flutter插件、在view菜单的command  palette中运行flutter提供的工具检查开发环境的支撑软件是否安装

图片

如上所示，使用visual studio code，在view菜单的command  palette中运行flutter提供的工具创建一个Flutter项目工程应用test2023

图片

如上所示，使用visual studio code，在view菜单的output中设置显示应用界面的模拟器、该模拟器来自Android studio

图片

如上所示，使用visual studio code，在模拟器中运行项目工程应用test2023

wangys2006
关注
专栏目录
flutter mac下搭建flutter开发环境
智玲君
02-20 1448
1，首先下载安装jdk 下载地址： 点击安装完成后，通过访达前往/Library/Java/JavaVirtualMachines，可看到jdk的安装位置，其中Contents下的Home文件夹，是该JDK的根目录。例如：jdk的真实主目录如下： /Library/Java/JavaVirtualMachines/jdk1.8.0_211.jdk/Contents/Home 配置jdk环境，如果你是，可以(如果你是为编辑已存在的配置文件，则使用"open -e .bash_profile"命令)，打开终端，
Windows平台下Flutter开发环境搭建
AppBlog.CN全栈架构
03-27 359
解决：直接强杀AS，然后重新打开，open项目，注意直接选择open，而不是import！修改：$FLUTTER_HOME/flutter/packages/flutter_tools/gradle/flutter.gradle。如果等了5分钟还是卡在Creating Flutter Project，打开项目目录，其实项目已经创建好了，AS只是假死。手动下载Flutter指定的gradle版本，如gradle-4.10.2-all.zip。，生成gradle下载目录，如。然后首先停止编译项目，手动下载。
Flutter开发(三十)：Flutter简单app搭建
wuqingsen1的博客
11-24 1317
自学 flutter 接近一个月，只是学到了基础，控件，页面，请求网络等等。用所学写了一个简单 app ，里面包括了： 主要框架搭建；滑动标题页；加载webview；瀑布流布局；以及各种基础的控件； 效果图如下： ...
简单项目帮你快速搭建一个Flutter App
qq_40338309的博客
07-19 973
空闲时间编写的一个基于GetX编写的简单模板项目，能够帮助你快速从0开始搭建一个基于Flutter的简单项目
深度了解Flutter APP的构建流程
2401_84121663的博客
04-07 367
最后这里放上我这段时间复习的资料，这个资料也是偶然一位朋友分享给我的，里面包含了腾讯、字节跳动、阿里、百度2020-2021面试真题解析，并且把每个技术点整理成了视频和PDF（知识脉络 + 诸多细节）。还有高级架构技术进阶脑图、高级进阶架构资料帮助大家学习提升进阶，这里我也免费分享给大家也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。一起互勉~《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！
初识Flutter——在AS搭建环境及第一个Flutter APP
诺冰羽的虚拟世界
08-09 6047
Flutter中文网 Windows: 打开gitbash，输入： git clone -b beta https://github.com/flutter/flutter.git export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=https:...
Flutter(二) 创建第一个Flutter App
VoidHope的博客
03-29 5542
这一章主要是创建一个Flutter App。如果你熟悉面向对象编程，有基本的编程概念（变量，循环，条件判断等），那么你不必要具备原有的Dart和移动开发经验，，就可以轻松地理解完成这章内容。 Step 1：创建第一个flutter app Step 2：使用外部包 Step 3：添加一个有状态的组件（Stateful widget） Step 4：创建无限滚动ListView Step 5：添...
Flutter的开发环境搭建-图解
麦小洛
07-24 1317
选择一款适合你的编辑器来进行Flutter开发，常用的编辑器有Android Studio、Visual Studio Code（VS Code）和IntelliJ IDEA。安装你选择的编辑器，我选择的是Android Stuido,File>Setting>Plugins中搜索Dart和flutter插件，并安装，这两个插件可以提供代码补全、调试等特性来提升开发效率。
Windows 搭建Flutter开发环境教程
热门推荐
m0_74838706的博客
02-28 1万+
最新版 Windows 搭建Flutter开发环境教程（亲测有效，2023年9月更新）
搭建Mac Flutter开发环境
keganyuan的博客
04-30 2264
基于Mac M1 Pro搭建Flutter开发环境，其他平台请参考官方教程。
Android Studio 下 Flutter 开发环境搭建,Flutter,Dart 插件安装,Flutter SDK 安装,环境变量配置,开发环境检查
01-03
I . Flutter 学习资料 Flutter 学习资料 : ① 官方文档 : https://flutter.dev/docs ...Flutter 开发环境搭建 : ① Android Studio : https://developer.android.google.cn/studio , 要求 3.0 以上版本
Flutter学习笔记（二）------ 第一个flutter项目
python_use的博客
11-01 285
dart语法较为简单，学过python和c++后发现大同小异。不过多介绍1.函数可变参数可以类比*args, **kwargs，与之不同的是dart中，*args **kwargs不能同时存在。
Flutter UI架构(3)
最新发布
起司锅仔的博客
11-04 441
Flutter使用dart语言来构建维护UI数据，然后通过Impeller渲染引擎来进行UI渲染，在学习源码之前，我们先来了解一下Flutter的UI框架的大体架构，这样后面再学习源码可以事半功倍。
Flutter&鸿蒙next中封装一个列表组件
小淼淼的博客
11-04 254
在这个示例中，我们创建了一个简单的播客应用，封装了一个播客列表组件，并在主页面中使用它。列表组件使用来动态生成列表项，展示播客的标题和描述。
flutter-防抖
m0_53149377的博客
11-01 325
【代码】flutter-防抖。
快讯，Flutter PC 多窗口新进展，已在 Ubuntu/Canonical 展示
恋猫de小郭的博客
11-01 1258
而在支持多窗口正常运行，就需要更改支持多窗口的每个平台的 runner 代码，对于单窗口应用，默认的 runner 代码将保持不变，但用户在运行 flutter create * 时应该能够选择加入多窗口 runner。可以看到，本次分享的 Flutter 多窗口支持从设计到例子已经比较完善了，虽然还不支持什么时候可以正式看到它，毕竟从实现上看它涉及的底层修改并不少，但是总体来看落地的希望还是很大的。相关内容展示， 在上月 27 号的 Ubuntu 峰会，Flutter 展示了多窗口相关进展。
极简实现酷炫动效：Flutter隐式动画指南第二篇之一些酷炫的隐式动画效果
我叫柱子哥
11-01 898
在上一篇文章中，我们介绍了Flutter中的隐式动画的一些相关知识，在这篇文章中,我们可以结合多个隐式动画 Widget 在 Flutter 中创建一些酷炫的视觉效果，比如弹性按钮、旋转动画、颜色过渡等。以下示例展示如何组合不同的隐式动画，以实现更复杂的视觉效果。1.弹性放大按钮效果我们可以通过结合隐式动画的Widget组件并且通过设置动画的属性，实现一个弹簧效果。效果如下：图1.使用AnimatedContainer实现弹簧动画效果@override_isTapped;});
Flutter&鸿蒙next中封装一个输入框组件
小淼淼的博客
11-04 220
在这个示例中，我们创建了一个简单的播客应用，封装了一个自定义输入框组件，并在主页面中使用它。你可以进一步扩展这个应用，增加更多功能，例如播客列表、搜索功能或播放功能。
Flutter通过Flare添加2D动画
Python私教
10-30 1216
Flare 是 2Dimensions 制作炫酷流畅动画的专用工具。无论您使用的是手机还是电脑，这些动画都非常清晰锐利。它们非常适合为移动应用程序或网站增色！FlareActoranimation您可以使用 FlareActor widget 的属性自定义动画的各个方面，如大小、对齐方式和位置。此外，您还可以通过更改动画属性来控制动画的播放。});},),
基于Java和Flutter的英语翻译app开发实战
在当前的科技发展环境中，跨平台移动应用的开发越来越受到开发者的关注。本项目选择了流行的移动应用开发框架Flutter和后端服务Java，利用MySQL数据库来存储数据，共同实现了一个英语翻译应用。该应用不仅可以帮助...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wangys2006

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值