Flutter入门篇-环境搭建及项目创建（一）

最新推荐文章于 2024-04-30 22:42:49 发布
最新推荐文章于 2024-04-30 22:42:49 发布
阅读量421 收藏 1
点赞数
分类专栏： Flutter 文章标签： Flutter
本文为吕小小布博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_37059838/article/details/103250797
版权

Flutter

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。

1.以windows为例子
系统配置要求

操作系统：Windows 7 SP1 或更高的版本（64 位操作系统）。
磁盘空间：除安装 IDE 和一些工具之外还应有至少 400 MB 的空间。
工具：要让 Flutter 在你的开发环境中正常使用，依赖于以下的工具：
Windows PowerShell 5.0 或者更高的版本（Windows 10 中已经预装了）
Git for Windows 2.x，并且勾选从 Windows 命令提示符使用 Git 选项。
如果 Windows 版的 Git 已经安装过了，那么请确保能从命令提示符或者 PowerShell 中直接执行 git 命令。

获取 Flutter SDK

Flutter SDK： flutter_windows_v1.9.1+hotfix.6-stable.zip
解压到任意目录： 配置环境变量例如，C:/flutter/bin添加到path
诊断： cmd运行 flutter doctor

忽略此警告在这里插入图片描述
IDE编辑器也忽略警告：idea，Android Studio

下载dart

地址：https://github.com/GeKorm/dart-windows/releases/download/v1.6.0/Dart_x64.stable.setup.exe

别忘记环境变量（忘记是否会默认添加）

编辑器的使用

  1. idea，Android Studio
    在这里插入图片描述

  2. 创建项目
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  3. 配置Android 模拟器

    下载SDK先选择路径不能包含空格（第一次安装需要选择路径之后直接下载APIs 29 ）
    在这里插入图片描述
    以华为meta 30为例子在这里插入图片描述
    创建在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    选择好下一步选择API（我的已选好）
    在这里插入图片描述
    点击API 29继续下载，之后finish

项目启动
  1. 启动虚拟器在这里插入图片描述
  2. 项目启动
    在这里插入图片描述
    在这里插入图片描述
吕小小布
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter环境搭建和项目结构介绍
Flutter编程指南
10-31 4242
文章目录前言环境搭建系统要求使用镜像安装iOS开发环境安装Android开发环境安装Flutter SDK安装Flutter开发插件项目目录结构Flutter项目运行写在最后 前言 工欲善其事必先利其器，使用Flutter开发应用要从开发环境搭建开始，本文将简单介绍Flutter的环境搭建步骤和搭建环境过程中遇到的问题及解决方法，并通过一个简单的Demo了解Flutter的项目结构，然后开始对Fl...
Flutter的脚手架（Scaffold）
02-14 157
转载于:https://www.cnblogs.com/xiongwei/p/10372819.html
flutter搭建一个基础框架
senkai123的博客
10-10 629
三个页面，main主界面主入口，TabNavigator 底部导航栏，HomePage 主界面 main.dart 页面 import 'package:demoflutter/navigator/tab_navigator.dart'; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); cl...
Flutter 项目实战-环境变量配置一(2)
最新发布
2401_84520150的博客
04-30 418
查看当前用户环境变量echo $PATHJDK 下载与配置找到导航栏Developer点击Developer Resource Center点击下载Downloads点击Java SE选择Java downloads可以看到。
Flutter脚手架简单介绍
weixin_43169271的博客
04-04 293
实际上，Flutter脚手架的实现比这个复杂得多，包括了更多的功能和逻辑，但这个Demo可以帮助初学者理解Flutter脚手架的基本原理。具体实现方案上，Flutter脚手架基于Dart语言开发，使用了一些Dart库和框架，如ArgParser、pub、io等。Flutter脚手架是Flutter提供的一个命令行工具，用于创建新的Flutter项目，并提供了一些常用的开发功能和配置。脚手架还提供了一些常用的功能和插件，如Flutter Doctor、Flutter Packages Get等。
flutter配置环境变量中出现的错误及解决办法
woai_mihoutao的博客
03-27 9498
不过我提前将cache备份过，所以又将原cache文件复制粘贴在flutter\bin目录下，之后再运行flutter doctor问题就解决了（我也不知道是为什么）。解决方法：依次运行flutter channel—>flutter channel master—>flutter upgrade—>flutter channel—>flutter doctor。2、将https://maven.google.com/ 修改为https://dl.google.com/dl/android/maven2/
安装flutter sdk 及配置环境变量
m0_59162559的博客
04-13 1413
如果你使用的是bash，就配置bash.profile文件，如果使用的是zsh就配置zshrc文件 （如何查看自己使用的是哪个，在“终端输入chsh”，提示输入开机密码，输入时不显示，输入完直接回车即可）
Windows实现Flutter环境搭建及配置这一篇就够了
08-25
主要介绍了Windows实现Flutter环境搭建及配置这一篇就够了，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
dart&Flutter开发环境配置及创建项目
01-03
学Flutter先要学习Dart语言 (都是谷歌开发的语言) 一、Dart Dart介绍 Dart是由谷歌开发的计算机编程语言，它可以用于web、服务器、移动应用和物联网等领域的开发 Dart 诞生于年，号称起到javaScript/但是过去的几年...
【flutter】搭建Android本地web服务项目-源码
04-24
这是一个flutter项目，用AndroidStudio开发工具创建，主要用于实现Android APP运行本地web服务站点的功能，仅支持部署静态网页托管，在WIFI局域网内访问，相关学习文章请访问...
Flutter环境搭建Windows
01-03
Flutter环境搭建Windows一、Flutter SDK下载配置环境变量使用镜像检查Flutter环境二、Android SDK配置Android SDK获取方法1 : 使用Android Studio下载Android Studio方法2: 自行下载Android SDK(不推荐)Android SDK...
Dart_x64.stable.setup.exe
11-26
Google及全球的其他开发者，使用 Dart 开发了一系列高质量、 关键的 iOS、Android 和 web 应用。 Dart 非常适合移动和 web 应用的开发。上传之日最新版本。
Mac上flutter的环境搭建
01-20
一、安装flutter SDK 1、按照官网说明，获取flutter SDK 如图下载其最新可用的安装包 https://flutter.dev/docs/get-started/install/macos# 2、下载后，将安装包解压到你要安装的目录，如图，我放在了这里 3、...
Flutter 项目实战-环境变量配置一，2024年最新诚意分享
m0_57077948的博客
04-10 857
通过展开的菜单栏找到Preferences搜索SDK并配置Android SDK Location在SDK Platforms和SDK Tools栏目下勾选对应版本的开发工具下载配置SDK环境变量open 环境变量命令在.base_profile文件中添加环境变量配置环境变量保存查看当前用户环境变量echo $PATHJDK 下载与配置找到导航栏Developer点击Developer Resource Center点击下载Downloads点击Java SE。
flutter 配置环境变量
qq_43554231的博客
10-02 3757
dart - flutter 配置环境变量1.添加环境变量2.下载flutter3.安装配置androidstudio环境变量4. 连接安卓模拟器 1.添加环境变量 flutter 中文网 此电脑 --> 右键–> 属性 --> 高级系统设置 --> 环境变量 --> 添加上图标出的两个环境变量 Using Flutter in China 2.下载flut...
Flutter 项目实战-环境变量配置一
我很好
11-27 973
MacBook Pro MacOS Big Sur(版本11.6) Android Studio 版本3.5.2 jdk 版本1.8.0_171 (java -version) Flutter SDK Flutter 2.2.1 • channel stable Android Studio SDK配置 点击电脑左上角Android Studio 通过展开的菜单栏找到Preferences 搜索SDK并配置Android.
Flutter 环境配置
weixin_45172119的博客
06-11 3850
需要把F:\flutter_windows\flutter_windows_3.0.4\flutter\bin目录配置到path环境变量里。Visual Studio主要用于flutter 桌面软件开发，如果您只是开发flutter app可以不用安装Visual Studio。搭建环境过程中要下载很多资源文件，当一些资源下载不了的时候，可能会报各种错误。Flutter的时候有可能会受到限制。注意：提示输入Y/N的地方全部输入Y。就会多一个flutter项目的创建。安装完成之后，重启应用。
flutter开发需要配置的所有环境
python4_1的博客
09-23 3371
flutter Androidstudio JDK 环境配置
Flutter环境变量配置
dibu3564的博客
07-16 849
Flutter环境变量配置 1.下载Flutter SDK 一.、使用git克隆Flutter，命令：gitclone -b beta https://github.com/flutter/flutter.git； 二、从官网下载flutter，https://flutter.io/setup-macos/； 2.配置环境变量 在当前用户目录下创建.ba...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值