Flutter 开发环境搭建

1、下载Flutter SDK

https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos


Flutter 开发环境搭建_第1张图片




2、执行:vim ~/.bash_profile命令,添加如下红色圈内的内容:


Flutter 开发环境搭建_第2张图片

A. android sdk目录: export ANDROID_HOME=/Users/mac/Library/Android/sdk   

可以从Android Studio中查找,如下图所示


Flutter 开发环境搭建_第3张图片


Flutter 开发环境搭建_第4张图片


Flutter 开发环境搭建_第5张图片



B. 固定写法: export PATH=${PATH}:${ANDROID_HOME}/platform-tools

C. 固定写法:export PUB_HOSTED_URL=https://pub.flutter-io.cn

D. 固定写法:export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

E. 下载Flutter sdk的bin目录(根据自己的情况填写):export PATH=/Users/mac/Downloads/flutter/bin:$PATH


Flutter 开发环境搭建_第6张图片

3、安装Android Studio所需插件,如下图所示:


Flutter 开发环境搭建_第7张图片


Flutter 开发环境搭建_第8张图片


Flutter 开发环境搭建_第9张图片


Flutter 开发环境搭建_第10张图片


4、安装vs code所需插件,如下图所示:


Flutter 开发环境搭建_第11张图片


Flutter 开发环境搭建_第12张图片


5、安装Idea所需插件,如下图所示:


Flutter 开发环境搭建_第13张图片


Flutter 开发环境搭建_第14张图片


Flutter 开发环境搭建_第15张图片


Flutter 开发环境搭建_第16张图片


6、最后再运行flutter doctor命令,输出如下图所示时,证明环境就配置好了:


Flutter 开发环境搭建_第17张图片

你可能感兴趣的:(Flutter 开发环境搭建)