Android Studio如何安装Flutter(windows系统)？

最新推荐文章于 2024-03-20 03:11:39 发布

谭老鸭

最新推荐文章于 2024-03-20 03:11:39 发布

阅读量6.6k

点赞数 5

文章标签： flutter

本文链接：https://blog.csdn.net/weixin_42464713/article/details/127627621

版权

Android Studio安装Flutter

Android Studio安装Flutter

Android Studio安装Flutter

本文适用于已经有Android Studio开发基础的同学，默认已经装好Android Studio、Android SDK，jdk，git等环境。

在AS中安装Flutter和Dart插件

Flutter插件安装
Dart插件安装

下载Flutter SDK

1、Flutter官方下载链接
2、将下载好的zip包解压到你想要安装的路径
在这里插入图片描述

配置环境变量

1、win10如何打开环境变量界面。
首先，win+R打开运行窗口；
然后，输入sysdm.cpl命令，打开系统属性窗口；
最后，点击高级，点击环境变量按钮，打开环境变量界面。
在这里插入图片描述

2、配置系统变量
首先，新建系统变量，变量值是flutter的路径，最好复制过来。

然后，在系统变量中找到Path，编辑Path，新建下面两行，一行一行添加，添加好之后点击确定。

%FLUTTER_HOME%\bin
%FLUTTER_HOME%\bin\cache\dart-sdk

在这里插入图片描述
3、配置用户变量
分别新建如下两个用户变量：

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

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

在这里插入图片描述

最后点击确定-确定，这样环境变量就配置好了。

运行flutter doctor

打开cmd，运行flutter doctor，不出意外的话，会出现如下报错。

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Running "flutter pub get" in flutter_tools...                      10.8s
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.3.6, on Microsoft Windows [版本 10.0.19044.2006], locale zh-CN)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2021.2)
[√] Connected device (2 available)
[√] HTTP Host Availability

! Doctor found issues in 3 categories.

别着急，我们先来看第一条：

[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

意思是无法定位Android SDK，此时只需配置ANDROID_HOME就好了。
新建用户变量，注意这里是用户变量，变量值为Android SDK的目录，最好也复制过来。
在这里插入图片描述

如果忘记了Android SDK的安装目录，可以在AS里查看。

配置好之后，重启电脑，注意这里必须重启，否则不生效。

然后运行flutter doctor，发现报错发生了改变。

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.3.6, on Microsoft Windows [版本 10.0.19044.2006], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    X Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2021.2)
[√] Connected device (2 available)
[√] HTTP Host Availability

! Doctor found issues in 3 categories.

发现已经能找到SDK了，但是报了新的错，首先看第一条：

 X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.

意思是cmdline-tools没有安装，打开AS，来装一下这个插件。
在这里插入图片描述
装好后，再运行flutter doctor，

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.3.6, on Microsoft Windows [版本 10.0.19044.2006], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2021.2)
[√] Connected device (2 available)
[√] HTTP Host Availability

! Doctor found issues in 3 categories.

发现这条警告：

   ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

我们根据它的提示，运行 flutter doctor --android-licenses，然后一路选择y直至结束。
再运行flutter doctor，

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.3.6, on Microsoft Windows [版本 10.0.19044.2006], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[X] Visual Studio - develop for Windows
    X Visual Studio not installed; this is necessary for Windows development.
      Download at https://visualstudio.microsoft.com/downloads/.
      Please install the "Desktop development with C++" workload, including all of its default components
[√] Android Studio (version 2021.2)
[√] Connected device (2 available)
[√] HTTP Host Availability

! Doctor found issues in 2 categories.

发现前面的报错都解决了，剩下的这两条报错是由于没有装Chrome和Visual Studio的原因，不处理也可以使用。
好了，这样我们就打开AS中准备新建Flutter项目吧。