快速搭建Flutter开发环境【Win和Mac】

原生Android开发环境配置

原生Android开发环境变量JAVA配置,可以百度搜索JDK去甲骨文官网下载或者点此链接进入下载页面

先点击红圈,然后根据你系统是64位还是32位选择版本,我这里是64位的,所以选择最下面的x64版本。

下载安装完成到终端(命令行)里输入java,能出现下图中的结果,说明安装成功。

并配置JDK环境变量


Flutter SDK 下载及环境配置

使用镜像

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter SDK 下载

1.1. 官网下载

1.2. 网盘下载(版本:V1.0.0)

1.3. GitHub仓库下载

Flutter 开发环境搭建 Windows版

1.1. 将安装包zip解压到你想安装Flutter SDK的路径(如:D:\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)

2.2. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。 PS : 此法只能在此目录执行flutter指令

3.1. 配置flutter全局变量,可以在如何地方执行flutter指令,找到你安装FlutterSDK的路径,复制flutter\bin目录,例如 : 我的FlutterSDKbin路径 : D:\Flutter\flutter\bin在环境变量Path中添加此路径 , 重启Windows以应用此更改

4.1. 测试flutter doctor , 打开dos窗口(Win+R , 输入cmd , enter)输入flutter doctor , enter,如图下图是配置完成的图

4.2. 在终端中输入flutter doctor , 你可能会得到下面类似的结果

[-] Android toolchain - develop for Android devices

• Android SDK at D:\Android\sdk

✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ

• Try re-installing or updating your Android SDK, visit https://flutter.io/setup/#android-setup for detailed instructions. 

这种情况是你还没安装Android Studio , 可以去 Android Studio 官网下载 此网站访问需要梯子,也可以去 Android Studio 中国官网下载 , 具体安装可以自行百度

4.3. Android Studio Flutter 插件安装 , 启动 Android Studio 点击菜单 File->Setting->Plugins 输入 flutter 点中间 Search in repositories 然后选择Flutter点击安装 , 会自动安装 Flutter 和 Dart 安装完成后重启 Android Studio 即可。下图为安装完成的图:

4.4. Flutter 插件安装可能遇到的问题 :  搜索 Flutter 插件 , 即使点击 Search in repositories 依然搜索不到 , 需要取消使用安全连接 ( Use secure connection )  , 如图取消  Use secure connection  勾选即可

5.1. 安装Android证书

安装好 Android Studio 后 , 再次打开终端(命令行),输入 flutter doctor这时候的x会明显减少,但是你还是会遇到1-2个,其中有一个就是提示没有安装证书。安装证书只要在终端里执行下面的命令。

flutter doctor --android-licenses

然后会提示你选Y/N,不要犹豫,一律选择Y,就可以把证书安装好。


Flutter 开发环境搭建 Mac 版

推荐阅读更多精彩内容