送给Flutter初学者:迈出第一步,Windows Flutter开发环境的搭建

本文详细介绍了Flutter SDK的下载与安装过程,包括从官网和GitHub获取SDK,解压并配置环境变量,以及针对国内用户的镜像设置。同时,还讲解了Android Studio和Android SDK的安装,以及相关环境变量的配置。最后,通过`flutter doctor`检查确保开发环境的正确搭建,并对可能出现的问题提供了解决方案。
摘要由CSDN通过智能技术生成

很多初学者,因为在搭建开发环境之初遇到很多各式各样的问题,就动摇了继续深入学习的决心,当然这个只是对于心浮气躁的同学而言,对于比较有毅力,能吃苦的人同学来说,这些问题都不算问题啦。

话不多说,直接开整。

 

一、 下载安装Flutter SDK

针对下载这个SDK,我需要说明一点,下载途径有两种,一种是直接去官网下载,这种情况要么是下载很慢,老牛拉破车你懂的,要么就是直接被墙了,所以如果从官网下载不行的话,

那么建议去Github下载。

1.1、下载SDK

1.1.1、官网下载

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

地址打开之后,下拉找到【Stable channel (Windows)】,就能看到Select from the following scrollable list:

选择一个最新的版本SDK即可。

1.1.2、Github仓库下载

https://github.com/flutter/flutter/releases

同样的,找到想下载的版本,直接下载即可。

1.2、解压安装

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

二、配置环境变量

2.1、将Flutter SDK的bin目录添加到"Path"环境变量中

具体操作如下:

【我的电脑】----右键---->【属性】---->【高级系统设置】----->【环境变量】---->在系统变量或者用户变量中找到"Path"属性,如果没有创建一个"Path"属性

  • 如果该条目存在, 追加 d:\flutter\bin的全路径,使用 ; 作为分隔符。
  • 如果条目不存在, 创建一个新用户变量 Path ,然后将 d:\flutter\bin的全路径作为它的值。

2.2、使用镜像

 

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

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

 一样的操作,【我的电脑】----右键---->【属性】---->【高级系统设置】----->【环境变量】---->在用户变量或者系统变量中创建一个名为"PUB_HOSTED_URL"的变量,值为"https://pub.flutter-io.cn";

然后在创建一个名为"FLUTTER_STORAGE_BASE_URL"的变量,然后值"https://storage.flutter-io.cn"。

然后点击确定,保存修改即可。

三、安装AndrodStudio

这里就不不赘述AndroidStudio的下载安装过程了。

四、下载Android SDK

这里就不不赘述AndroidSDK的下载和安装过程了。

五、将Android SDK 路径配置到系统环境变量中

 

【我的电脑】----右键---->【属性】---->【高级系统设置】----->【环境变量】---->在系统变量或用户变量中,增加"ANDROID_HOME"环境变量就行了,这个变量的值

那就是SDK的安装目录。

比如我的:

 

 

六、AnroidStudio 安装Flutter和Dart插件

需要安装两个插件:

  • Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
  • Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。
     

具体操作方法如下:

点击AndroidStudio左上角的【File】--->【Settings】---->【Plugins】,如下图所示:

直接选择[Marketplace],然后在输入框中搜索Dart,在搜索出来的结果中,选择安装即可。

然后在搜索安装Flutter,同样搜索到结果后,点击安装即可。

以上步骤都做好之后,最好重启一下电脑。

七、检验Flutter的开发环境是否正常

在弹出的PowerShell窗口中输入命令"flutter doctor"

当出现出现一路绿对勾的话,表明你的安装没有问题了,可以开始开发flutter项目了。

 

然后如果你忽略了一些步骤没有设置,比如没有将android sdk没有添加到环境变量中,就会出现如下异常。

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.io/setup/#android-setup for detailed instructions).
If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.

 

这个时候你就需要将前面提到的第五步,设置Android SDK环境变量。

另外如果你没有安装AndroidStudio或者没有给AndroidStudio安装Dart和Flutter插件,可能会报没有安装Dart和Flutter插件的错误。

这个时候你就要去androidstudio安装dart和flutter插件。

 

各位看官,强烈推荐CSDN VIP会员,CSDN免费下载、课程+书免费学,快来看看!https://marketing.csdn.net/poster/112?utm_source=1538247462&spm=1000.2116.3001.4180

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值