Flutter知识库

【Flutter 1-2】在 Windows 10下安装Flut

2020-10-08  本文已影响0人  弗拉德x

在 Windows 10下安装Flutter+Dart+Android Studio 配置Flutter开发环境

文章首发地址

配置环境变量

由于部分网站被墙的原因,我们需要先配置Flutter国内镜像地址,这两个地址是由Flutter官方维护的,可以放心使用
首先我们找到此电脑点击右键,然后点击属性

2020_10_07_my_computer
然后点击高级系统设置
2020_10_07_heigh_setting
点击高级然后找到下面的环境变量并点击
2020_10_07_heigh_setting.png

点击新建

2020_10_07_xinjian
变量名输入PUB_HOSTED_URL 变量值输入 https://pub.flutter-io.cn 然后点击确定
2020_10_07_input_pub.png

继续点击 新建
变量名输入FLUTTER_STORAGE_BASE_URL 变量值输入 https://storage.flutter-io.cn 然后点击确定

2020_10_07_input_storage
到这里需要的环境变量就配置完成了
开始安装Flutter

很明显我们还需要安装 Android Studio,Andriod Studio是Flutter官方支持的IDE工具。
去Andriod Studio 官网下载下载完成后,一路Next安装完成,然后启动Android Studio,第一次安装默认会安装很多依赖,这个等慢慢安装就可以了。
启动之后点击File->Settings

2020_10_07_android_studio_settings.png

找到Plugins在输入框内输入Flutter点击安装

2020_10_07_andriod_studio_install_flutter.png

安装Flutter的时候默认会要求安装Dart

2020_10_07_android_studio_install_dart
安装后重启 Andriod Studio

然后我们把Android SDK路径配置到系统变量里面
我们先找到File->Other Settings->Default Project Structure..并点击

2020_10_07_android_sdk.png

找到SDK的路径

2020_10_07_android_sdk_path.png 进入到文件下找到SDK文件夹有一个platform-tools的文件夹,复制这个路径添加到系统Path
变量名是ANDROID_HOME
2020_10_07_adroid_home

这时候我们再执行一次 flutter doctor

2020_10_07_doctor_error
现在我们只需要再执行一次 flutter doctor --android-licenses 弹出的提示选择y或者是直接回车即可。
然后再运行一次flutter doctor已经没有错误提示了。
这样我们的Flutter的环境就配置完成了。
安装Android 模拟器

打开Android Studio 找到右上角的AVD Manager并点击

2020_10_07_android_studio_avd_manager.png

点击Create Virtual Device... 选择一个我们需要需要安装的模拟器,然后点击Next

2020_10_07_select_device
在配置页面选择Hardware - GLES 2.0
2020_10_07_hardware_gles.png
新建Flutter项目并运行

点击Android Studio 里面的 File->New->New Flutter Project
新建项目并打开
选择我们刚刚安装好的模拟器,并且点击运行 就可以看到效果啦!

2020_10_07_runing
可能会遇到的问题

在执行 flutter doctor --android-licenses出现以下错误

2020_10_07_fluuter_sdk_error
需要我们手动安装Android SDK Platform-Tools
打开Android Studio 点击File->Settings->Android SDK找到Android SDK Platform-Tools安装即可!
2020_10_07_error_platform_tools
上一篇下一篇

猜你喜欢

热点阅读