Windows与Mac双平台：Flutter环境搭建最全宝典

Windows环境搭建

第一步：前提——安装Git（否则后面会报错）

第二步：下载flutter的SDK并解压（直接下载很慢，使用下面的方式）

一、官网下载按钮上右键，复制连接地址，将原地址（Mac版和window版）：
https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip
https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip

改为如下地址，输入浏览器：

https://storage.flutter-io.cn/flutter_infra/releases/stable/macos/flutter_macos_v1.12.13+hotfix.8-stable.zip
https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip

第三步：配置环境变量（用户变量）

一、新建用户变量

PUB_HOSTED_URL：https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL：https://storage.flutter-io.cn

二、用户变量path中添加解压的flutter包的全路径（即bin所在路径）

flutter/bin

第四步：安装Android Studio，完成后一并下载SDK，安装模拟器（也能够在vscode中建立）

一、安装完后，进入 文件-设置-Appearance-System Setting-Android SDK，点击Android SDK Location的编辑按钮，选择SDK存放的目录（如：D:\AndroidSDK），执行安装。而后配置SDK系统变量：

二、新建系统变量

ANDROID\_HOME=D:\\AndroidSDK

三、系统变量path中添加SDK文件夹下的tools路径和platform-tools路径

四、点击右上角手机按钮，安装模拟器

第五步：重启终端，在任意目录运行如下命令，进行检查

flutter doctor

一、若是检查提示：Some Android licenses not accepted，那么，命令行执行

flutter doctor --android-licenses // 一路输入y，enter肯定，直到最后完成（会出现初始的目录名）

第六步：vscode开发配置：

一、安装flutter扩展，点击右下角 No Device，选择模拟器或者建立一个模拟器

二、建立项目：按shift + Ctrl + P，选择新建flutter项目

三、按F5或者执行 flutter run，开启debug调试（debug模式会有热重载功能）

Mac环境搭建

第一步：安装Git，下载flutter并解压（方法同Windows环境）

https://flutter.dev/docs/development/tools/sdk/releases

第二步：配置环境变量

一、进入用户主目录，好比我是wujingfeng

cd ~

二、查看.bash_profile是否存在,不存在,建立文件(注意前面有个点)

touch .bash\_profile

三、执行命令，用编辑器打开.bash_profile

open -e .bash\_profile

四、在.bash-profile中添加国内镜像环境变量，粘贴下面内容

export PUB\_HOSTED\_URL=https://pub.flutter-io.cn export FLUTTER\_STORAGE\_BASE\_URL=https://storage.flutter-io.cn

五、在.bash-profile中添加flutter SDK的bin路径到环境变量，粘贴下面内容（注意将前面的路径名改为本身的）

export PATH=${PATH}:/Users/wujingfeng/development/lib/flutter/bin

获取路径名的方法：

第一种，在bin文件夹上右键，而后按option键，点击将bin拷贝为路径名称

第二种，命令行cd到bin目录，执行pwd命令

pwd

六、执行如下命令，让配置生效

source .bash\_profile

第三步：重启终端，在任意目录运行一下命令，进行检查

flutter doctor
1 提示须要安装Android Studio和Android SDK，以及须要配置ANDROID_HOME环境变量
2 提示xcode没有安装 cocoapods没有安装 // 3 提示vscode的flutter扩展没有安装

第四步：下载安装Android Studio，运行Android Studio会安装Android SDK，记下SDK路径，而后执行下面步骤：

一、配置环境变量 .bash-profile中添加如下内容（注意将路径换成本身的）

export ANDROID\_HOME=/Users/wujingfeng/Library/Android/sdk/ export PATH=${PATH}:${ANDROID\_HOME}/tools export PATH=${PATH}:${ANDROID\_HOME}/platform-tools

而后更新配置

source .bash\_profile

二、再次运行flutter doctor，提示没有licenses，运行一下命令

flutter doctor --android-licenses // 一路输入y 回车，知道完成（同Windows环境）

第五步：Android Studio安装flutter和dart插件（这个估计大家知道），而后安装模拟器（也能够vscode中建立，和Windows同样）

用Android Studio先建立一个flutter项目 而后执行下面步骤 安装模拟器  否则vscode不能调试Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device，从推荐中选择一个便可（也可点击右上角手机按钮建立模拟器）

安装xcode（这个由于系统版本缘由，我也暂时没处理，回头解决了在更新），如下命令可能失败，只供参考

1 安装 CocoaPods sudo gem install cocoapods 2 安装 xcode 3 安装苹果命令行工具（这个尽可能安装一下）

第六步：vscode安装flutter扩展，而后按下shift+command+p，输入flutter，建立项目，或者使用一下方式也能够

选择菜单中View>Command Palette… 输入 ‘flutter’, 而后选择 ‘Flutter: New Project’ action 输入 Project 名称 (如myapp), 而后按回车键 指定放置项目的位置，而后按蓝色的肯定按钮 等待项目建立继续，并显示main.dart文件

一、按F5或者选择菜单Debug—Start Debugging运行调试（前提是安装了模拟器）

注意：若是运行出错，从新建立一次项目。