blog
blog copied to clipboard
Flutter 之 环境配置
环境要求
- 软件:Xcode、Android studio、VScode
- 工具: Flutter 依赖下面这些命令行工具:
- bash, mkdir, rm, git, curl, unzip, which
- brew 是 Mac 下的一个包管理工具,类似于 centos 下的 yum,可以很方便地进行安装/卸载/更新各种软件包
下载安装Flutter SDK
下载
两种方式:官网下载和github下载
安装
- 解压安装包到你想安装的目录,如:
cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
- 添加flutter相关工具到path中(只能暂时针对当前命令行窗口设置PATH环境变量):
export PATH=`pwd`/flutter/bin:$PATH
说明:作为国内用户且需要将Flutter
添加到PATH
中请参考下面
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=$PATH:/Library/flutter/bin #$PATH为你解压的flutter文件路径,我放在了根目录
- 其他还需要安装
Android sdk
export PATH=$PATH:/Library/Android/sdk
检查开发环境
到此我们已经安装完flutter了,但此时还不具备开发的能力,flutter运行需要很多插件,运行以下命令查看是否需要安装其它依赖项来完成安装:
flutter doctor
这时候它会将你未安装的依赖一一列出,每个电脑缺少的依赖都不尽相同,按照给出的提示安装插件即可。直到你的开发工具通过验证即可,如:
至此,全部环境搭建步骤结束。
项目创建
经过上面三部环境基本上差不多了,现在来建立一个Flutter项目。 进入你想存放项目的目录,执行命令行:
flutter create flutterapp
其中flutterapp
为项目名称,不能用大写。
运行
Android studio
- 下载AndroidStudio 并安装插件 Flutter Dart
- 通过 Android Stadio 的 File => New => New Flutter Project 去新建项目demo
- 下载SDK 并 执行demo
VScode
- 安装插件 Flutter Dart
- /cmd + /shirft + p => flutter new project
- 打开调试工具 并执行
flutter run