Flutter开发:开发环境搭建

1.下载SDK

可以直接去官网下载,Flutter中文网
或者用git下载,新建一个空文件夹,右键鼠标选择Git Base here,输入git clone -b stable https://github.com/flutter/flutter.git,等待SDK下载完毕。下载完成的目录如下图:

Flutter开发:开发环境搭建

2.配置环境变量

打开系统环境变量配置,
新建变量PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn
新建变量FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn
将Flutter SDK目下的bin文件路径复制添加到Path环境变量后面,例如我的SDK路径是:F:\Flutter\flutter\bin

3.初始化SDK

在Flutter SDK目录下找到flutter_console.bat文件,双击运行,看到这个界面你的SDK说明已经配置成功
Flutter开发:开发环境搭建
然后输入:flutter doctor运行,可以看到如下界面
Flutter开发:开发环境搭建

4.Android studio配置Flutter

上图运行flutter doctor之后,可以看到没有什么错误,其实是因为我Android studio很早就安装了flutter插件和Dart插件,如果你没有提前安装,运行的时候是会报错的,所以即使没有安装也没关系,我们打开AS,选择setting - plugins,然后搜索flutter插件和Dart插件并将其安装,然后重启AS。
Flutter开发:开发环境搭建
最后再重复第三个步骤,运行flutter doctor,就可以了。你打开AS,新建项目可以看到有 new flutter project选项
Flutter开发:开发环境搭建
最后打开File | Settings | Languages & Frameworks,给AS设置Flutter SDK路径,然后你就可以进行Flutter开发了
Flutter开发:开发环境搭建

有的人可能会遇到已经AS安装flutter插件和Dart插件了,但是运行flutter doctor还是一直提示没有安装着俩个插件,建议就是去git或者官网下最新的稳定版本的SDK,不要点别人博客提供的链接去下载
还是就是运行flutter doctor没有什么错误,flutter插件和Dart插件都已经安装了,但是打开AS找不到 new flutter project选项,你可看一下你的 Android APK Support插件是否打开,如果是disable状态是找不到 new flutter project选项的
Flutter开发:开发环境搭建