【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
相关推荐
getapi1 小时前
flutter底部导航代码解释
前端·javascript·flutter
初遇你时动了情1 小时前
安装fvm可以让电脑同时管理多个版本的flutter、flutter常用命令、vscode连接模拟器
flutter
RichardLai8817 小时前
[Flutter学习之Dart基础] - 控制语句
android·flutter
louisgeek20 小时前
Flutter Channel 通信机制
flutter
浅忆无痕1 天前
Flutter空安全最小必备知识
android·前端·flutter
亚洲小炫风1 天前
flutter 打包mac程序 dmg教程
flutter·macos
亚洲小炫风1 天前
flutter 桌面应用之系统托盘
flutter·系统托盘
亚洲小炫风1 天前
flutter 桌面应用之右键菜单
flutter·桌面端·右键菜单·contextmenu
louisgeek2 天前
Flutter Widget、Element 和 RenderObject 的区别
flutter
顾林海2 天前
Flutter 文本组件深度剖析:从基础到高级应用
android·前端·flutter