共计 1586 个字符,预计需要花费 4 分钟才能阅读完成。
在 Windows 10 下装置 Flutter+Dart+Android Studio 配置 Flutter 开发环境
配置环境变量
因为局部网站被墙的起因,咱们须要先配置 Flutter 国内镜像地址,这两个地址是由 Flutter 官网保护的,能够放心使用
首先咱们找到 此电脑
点击右键,而后点击 属性
而后点击 高级零碎设置
点击 高级
而后找到上面的 环境变量
并点击
点击 新建
变量名输出 PUB_HOSTED_URL
变量值输出 https://pub.flutter-io.cn
而后点击 确定
持续点击 新建
变量名输出 FLUTTER_STORAGE_BASE_URL
变量值输出 https://storage.flutter-io.cn
而后点击 确定
到这里须要的环境变量就配置实现了
开始装置 Flutter
- 下载安装文件并解压缩
点击进入官网下载须要的版本
如果不能关上该网站,可去我的网盘去取版本是 1.22.0 提取码: awjy
下载实现后在新建一个文件夹解压缩,我这里选的是 C:\src\flutter
解压胜利之后,咱们须要将 Flutter 也配置到环境变量中,flutter 文件夹下的 bin
目录门路 (我这里是C:\src\flutter\bin
) 配置到环境变量中。关上配置环境变量的步骤参考 下面的步骤 配置环境变量
双击 Path
来增加
将C:\src\flutter\bin
配置进去
- 运行 flutter doctor
将门路配置之后咱们关上 终端工具 PowerShell
输出 flutter doctor
查看还有哪些须要配置。flutter doctor
是 Flutter 官网提供的用来检测以后 Flutter 配置环境的工具,能够疾速的帮咱们发现问题。
运行之后咱们会看到输入如下:
很显著咱们还须要装置 Android Studio
,Andriod Studio 是 Flutter 官网反对的 IDE 工具。
去 Andriod Studio 官网下载下载实现后,一路 Next 装置实现,而后启动 Android Studio,第一次装置默认会装置很多依赖,这个等缓缓装置就能够了。
启动之后点击File
->Settings
找到 Plugins
在输入框内输出 Flutter
点击装置
装置 Flutter
的时候默认会要求装置 Dart
装置后重启 Andriod Studio
而后咱们把 Android SDK
门路配置到零碎变量外面
咱们先找到 File
->Other Settings
->Default Project Structure..
并点击
找到 SDK 的门路
进入到文件下找到 SDK 文件夹有一个 platform-tools
的文件夹,复制这个门路增加到零碎 Path
中
变量名是ANDROID_HOME
这时候咱们再执行一次 flutter doctor
当初咱们只须要再执行一次 flutter doctor --android-licenses
弹出的提醒抉择 y
或者是间接 回车
即可。
而后再运行一次 flutter doctor
曾经没有谬误提醒了。
这样咱们的 Flutter 的环境就配置实现了。
装置 Android 模拟器
关上 Android Studio 找到右上角的 AVD Manager
并点击
点击 Create Virtual Device...
抉择一个咱们须要须要装置的模拟器,而后点击Next
在配置页面抉择Hardware - GLES 2.0
新建 Flutter 我的项目并运行
点击 Android Studio 外面的 File
->New
->New Flutter Project
新建我的项目并关上
抉择咱们刚刚装置好的模拟器,并且点击运行 就能够看到成果啦!
可能会遇到的问题
在执行 flutter doctor --android-licenses
呈现以下谬误
须要咱们手动装置 Android SDK Platform-Tools
关上 Android Studio 点击 File
->Settings
->Android SDK
找到 Android SDK Platform-Tools
装置即可!