从零开始学 Flutter (一)

发表于

从零开始学 Flutter

环境配置

MAC 下配置环境

下载 SDK

1
git clone -b master https://github.com/flutter/flutter.git

配置环境变量

1
2
3
4
5
6
7
8
9
10
11
12
13
1.
open ~/.bash_profile

// [FLUTTER_GIT_PATH] flutter.git 的地址
2.
export PATH=$PATH:[FLUTTER_GIT_PATH]/flutter/bin

3. 中文镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

4.
source ~/.bash_profile

flutter 常用命令

1
2
3
4
5
6
7
8
// 查看版本号：
flutter --version

// 检查当前开发环境是否存在问题
flutter doctor

// 升级更新版本：
flutter upgrade

执行 flutter --version 会关联下载 Dart SDK

编辑器

IDE 目前推荐使用 VSCode，务必安装 flutter 和 dart 两个插件

下载 Android Studio

下载地址

1
https://developer.android.com/studio/?gclid=EAIaIQobChMIppC3sO3J4AIVxwYqCh3PoQqpEAAYASAAEgLRefD_BwE

flutter 创建项目

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// 打开模拟器
open -a simulator

// 在 vscode 中
command + shift + p

// 输入命令
flutter
flutter new project

// 运行
flutter run

// 安装依赖
flutter packages get

执行 flutter new project vscode 报错：Could not find Flutter SDK.

可以手动选择 [FLUTTER_GIT_PATH]/flutter/bin

参考

Flutter 英文官网
Flutter 中文官网
Dart 官网
Flutter 配置
Flutter 介绍