带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(1)

简介: 带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(1)

二十三、Flutter环境的安装与配置

在开发Flutter应用之前,我们首先需要安装和配置Flutter环境。在本文中,我们将分别介绍Windows,macOS和Linux下的安装和配置过程。首先,需要满足以下基本要求:

  • 操作系统:Windows 7 SP1或更高版本,macOS 10.10或更高版本,或Linux(对各发行版没有特殊要求)
  • 磁盘空间:1.64 GB以上
  • Git:确保您的操作系统上安装了Git。

1.安装Flutter SDK

Windows

  • 下载Flutter SDK的稳定版本。访问Flutter官方网站open in new window下载页面,选择适合的版本,通常是最新的稳定版本。
  • 解压下载的文件。将文件解压到合适的目录中,例如:C:\src\flutter。
  • 配置环境变量。打开控制面板,找到“系统”然后选择“高级系统设置” ,点击“环境变量”,然后在“系统变量”下找到Path,将Flutter目录下的flutter\bin添加进去。

macOS

 

  • 下载Flutter SDK的稳定版本。访问Flutter官方网站open in new window下载页面,选择适合的版本。
  • 解压下载的文件。将文件解压到合适的目录中,例如:~/development/flutter。
  • 配置环境变量。打开终端,编辑.bash_profile文件或者.zshrc文件(取决于你使用的Shell),添加export PATH="$PATH:pwd/flutter/bin"。

Linux

  • 下载Flutter SDK的稳定版本。访问Flutter官方网站open in new window下载页面,选择适合的版本。
  • 解压下载的文件。将文件解压到合适的目录中,例如:~/development/flutter。
  • 配置环境变量。打开终端,编辑~/.bashrc文件或者~/.zshrc文件,添加export PATH="$PATH:pwd/flutter/bin"。

2.安装Dart

虽然Flutter SDK已经包含了Dart SDK,但为了方便使用Dart命令行工具,我们也可以选择独立安装Dart SDK。访问Dart官方网站open in new window下载页面,选择适合的版本进行安装。

3.安装IDE

Flutter支持多种IDE,包括IntelliJ IDEA,Android Studio,和VS Code。这里以VS Code为例进行说明:

 

下载并安装VS Code。访问VS Code官方网站open in new window下载页面,选择适合的版本进行安装。

 

安装Flutter插件。打开VS Code,点击左侧的Extensions按钮,搜索Flutter,点击Install。

4.验证安装

打开终端,运行flutter doctor命令,这个命令将会检查你的环境是否配置正确。

输出应该类似如下:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.2.0, on macOS 11.3 20E232 darwin-x64, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.56.1)
[✓] Connected device (2 available)
• No issues found!

 

这意味着你的Flutter环境已经准备好了,可以开始开发Flutter应用了。


带你读《深入浅出Dart》二十三、Flutter环境的安装与配置(2)https://developer.aliyun.com/article/1348612?groupCode=tech_library

相关文章
|
2月前
|
Dart
如何在 Flutter 项目中使用 Dart 语言?
如何在 Flutter 项目中使用 Dart 语言?
127 58
|
20天前
|
Dart
flutter dart mixin 姿势
flutter dart mixin 姿势
|
1月前
|
Dart 开发者 Windows
flutter:dart的学习
本文介绍了Dart语言的下载方法及基本使用,包括在Windows系统上和VSCode中的安装步骤,并展示了如何运行Dart代码。此外,还详细说明了Dart的基础语法、构造函数、泛型以及库的使用方法。文中通过示例代码解释了闭包、运算符等概念,并介绍了Dart的新特性如非空断言操作符和延迟初始化变量。最后,提供了添加第三方库依赖的方法。
29 12
|
2月前
|
Dart 开发工具 Android开发
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
在 Android 系统上搭建 Flutter 环境的具体步骤是什么?
|
2月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
47 3
|
2月前
|
Web App开发 开发工具 Android开发
【Flutter】Flutter安装和配置(mac)
【Flutter】Flutter安装和配置(mac)
|
2月前
|
Linux 开发工具 Android开发
Flutter之搭建环境
Flutter之搭建环境
|
3月前
|
开发框架 缓存 Android开发
Flutter相关痛点解决问题之研发环境与工程管理中的配置难题如何解决
Flutter相关痛点解决问题之研发环境与工程管理中的配置难题如何解决
|
3月前
|
XML 安全 Android开发
Flutter配置Android和IOS允许http访问
Flutter配置Android和IOS允许http访问
115 3
|
3月前
|
Dart 开发工具
消除Flutter doctor的警告Warning: `dart` on your path resolves to xxx/bin/dart
消除Flutter doctor的警告Warning: `dart` on your path resolves to xxx/bin/dart
67 0