【flutter】flutter 环境搭建

flutter 简介

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。

  1. 具有跨平台开发特性,支持IOS、Android、Web三端。
  2. 支持热重载特性,大大提高了开发效率。
  3. 自绘UI引擎和编译成原生代码的方式,使得系统的运行时的高性能成为了可能。 使用Dart语言,目前已经支持同时编译成Web端代码。

安装 flutter

1. sdk 安装

首先,确保您的系统满足以下要求:

  • Windows 10 或更高版本
  • 至少 4GB 内存
  • 磁盘空间:1.64 GB(不包括 IDE/tools)

进入官方下载站:下载地址

下载后解压到一个文件夹下就行,例如我的在 e:\dev\flutter\bin下面

也可以一句命令行傻瓜式安装

bash 复制代码
# 下载并解压 Flutter SDK
mkdir e:\dev\flutter\bin
cd e:\dev\flutter\bin
curl -o flutter_windows_3.19.0-stable.zip https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_3.19.0-stable.zip
tar -xf flutter_windows_3.19.0-stable.zip

然后添加环境目录,将 sdk 的bin目录地址添加 PATH 环境变量当中。

2. 安装 Android Studio

确认系统配置

找到安装包下载地址

安装时选择 "Standard" 安装类型,安装完成后,打开 Android Studio 并安装 Android SDK,进入 settings ,在 SDK maneger 里安装 Android SDK。

安装 vscode

(可选但推荐):

  • 下载并安装 VS Code
  • 安装 Flutter 和 Dart 扩展

验证安装

WIN+R 进入 CMD,输入 flutter doctor

有打 x 的项就是需要配置的项。我这边显示 Chrome 和 Visual Studio 需要配置,我主要是开发 Android app,所以不需要配置,有需要配置的可以根据提示配置即可。

network 问题可以参考这篇文章:
network 问题

创建项目

bash 复制代码
cd d:\Dev\flutter_study
flutter create my_first_app
cd my_first_app
flutter run
相关推荐
我命由我1234513 小时前
Dart - Dart SDK、Hello World 案例、变量声明、常量声明、常量 final、字符串类型
前端·flutter·前端框架·html·web·dart·web app
xmdy586613 小时前
Flutter+开源鸿蒙实战|校园易生活Day7 个人中心完善+我的发布/收藏+退出登录+主题切换+全局UI美化(项目闭环)
flutter·开源·harmonyos
xmdy586616 小时前
Flutter + 开源鸿蒙实战|城市智慧停车管理系统 Day1 项目初始化+架构搭建+全局依赖集成+多端适配基座
flutter·开源·harmonyos
恋猫de小郭16 小时前
AndroidX 将引入有全新 AppState ,用于管理 Compose 状态
android·前端·flutter
Zender Han16 小时前
Flutter 轻量存储方案介绍、区别、对比和使用场景
android·flutter·ios
东坡肘子17 小时前
CocoaPods 正在退场,SwiftPM 才刚到第二章 -- 肘子的 Swift 周报 #135
flutter·swiftui·swift
xmdy586617 小时前
Flutter + 开源鸿蒙实战|城市智慧停车管理系统 Day3 车场详情+车位预约+计时计费算法+路线导航+常用车场缓存持久化
flutter·开源·harmonyos
xmdy586617 小时前
Flutter+开源鸿蒙实战|城市共享驿站智能存取系统 Day6 全局UI精细化美化+通用组件封装+反馈设置模块+隐私弹窗+鸿蒙打包签名适配+项目整体重构
flutter·开源·harmonyos
WaywardOne1 天前
Flutter面试事件队列,微任务队列以及事件循环相关问题及回答
flutter·面试
明君879971 天前
Flutter 包体积优化实战:从 175MB 到 105MB
flutter