【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
相关推荐
LawrenceLan6 小时前
Flutter 零基础入门(九):构造函数、命名构造函数与 this 关键字
开发语言·flutter·dart
一豆羹7 小时前
macOS 环境下 ADB 无线调试连接失败、Protocol Fault 及端口占用的深度排查
flutter
行者967 小时前
OpenHarmony上Flutter粒子效果组件的深度适配与实践
flutter·交互·harmonyos·鸿蒙
行者9610 小时前
Flutter与OpenHarmony深度集成:数据导出组件的实战优化与性能提升
flutter·harmonyos·鸿蒙
小雨下雨的雨10 小时前
Flutter 框架跨平台鸿蒙开发 —— Row & Column 布局之轴线控制艺术
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨10 小时前
Flutter 框架跨平台鸿蒙开发 —— Center 控件之完美居中之道
flutter·ui·华为·harmonyos·鸿蒙
小雨下雨的雨11 小时前
Flutter 框架跨平台鸿蒙开发 —— Icon 控件之图标交互美学
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨11 小时前
Flutter 框架跨平台鸿蒙开发 —— Placeholder 控件之布局雏形美学
flutter·ui·华为·harmonyos·鸿蒙系统
行者9612 小时前
OpenHarmony Flutter弹出菜单组件深度实践:从基础到高级的完整指南
flutter·harmonyos·鸿蒙
前端不太难12 小时前
Flutter / RN / iOS,在长期维护下的性能差异本质
flutter·ios