【Flutter笔记】搭建开发环境(windows)

337 阅读7分钟

前言

最近在自学Flutter,开个新坑记录一下自己的操作和常见的问题,便于和我一样的新手小白一起交流学习。

下载Flutter SDK

Flutter Github仓库
直接clone这个仓库

下载Android Studio

Android Studio官方网站 打不开请爬梯子
直接下载的是安装包,个人建议下压缩包,选这里Download options 选这个ZIP包下载,然后解压到一个自己记得住的目录,注意路径中不要带中文

配置Android Studio

在解压的目录里找到Studio64.exe,这个就是AS的主程序,双击打开。
如果你的电脑没有全局搭梯子的话可能会弹出这个SDK无法链接的报错,不理他,点Cancel
欢迎页,直接Next
Custom然后Next 这里选择JDK目录,一般没有必要改,直接Next 选择界面风格,按个人喜好选就好了,如果是Ubuntu的话这里还会多一个Ubuntu主题的选项 重中之重,设置SDK路径,这玩意特别大,强烈建议不要放系统盘 继续Next会开始下载SDK,下载完成之后点击Finish,配置就完成了。下载可以不搭梯子,现在SDK服务器在国内也有了。
看到这个界面配置就完成了。
此时已经可以新建Android原生项目了。但是距离开发Flutter我们还差一步,接下来安装Flutter插件。
点击右下角的齿轮Configure(在其他系统可能不叫这个名字,但是位置是一样的),选择Plugins
弹出插件商店,输入框里输入flutter,然后点击安装Flutter 提示要同意第三方条款,那我看也不看必须得同意不是
然后提示Flutter依赖Dart,是否顺手安装Dart,当然选是啦 然后切换到Installed这一栏里可以看到下载进度 下载完成后点击这个Restart IDE重启Android Studio 重启之后发现多了一项Create New Flutter Project就说明插件安装成功了,这是创建Flutter项目的入口,上面第一个是创建Android原生项目的入口。
!

插件商店打不开?

如果你在Plugins那一步点开以后商店一直在转圈圈,可能是需要搭梯子走代理 点击这个齿轮图标,选择Http Proxy Settings 代理设置如图,不知道填什么的话我也帮不了你
填好以后点击Check connection,输入https://www.google.com然后回车,弹出这个蓝色的就是代理设置成功了。 代理会对整个Android Studio生效,包括插件商店、SDK下载等。但是不会对Gradle脚本生效,如果需要Gradle脚本走代理,需要去修改全局Gradle配置或者项目Gradle配置。

Android Studio体验优化(windows专用,可选)

原生安卓开发的时候会产生大量的数据,什么SDK啊,gradle啊,下载缓存啊,编译缓存啊,全都一股脑塞在系统盘里,经常导致上百GB的系统盘说爆就爆,装系统之前复制还很麻烦,又不支持自定义目录,于是强烈建议进行以下配置腾出系统盘空间。
我们要下手的目标有这些东西:
C:\Users\用户名.android
C:\Users\用户名.AndroidStudio4.0(具体版本号根据你使用的Android Studio版本可能不一样)
C:\Users\dubhe.gradle
SDK目录

修改SDK目录

打开Android Studio,打开Settings(Mac好像叫Perfrence
如果你没有打开项目,还在欢迎页面,从右下角的齿轮configure进去Settings
如果你已经打开了项目,从顶部菜单的File进入Settings
Mac的在顶部菜单第一项的Perfrence

压缩SDK目录

SDK这个鬼东西非常大,动不动就是几十上百G的占用空间,所以这里我们要用一步windows独有的黑科技,压缩文件夹来缩小他占用的硬盘空间。效果见图。

右键文件夹属性→高级→勾选“压缩内容以节省磁盘空间”,然后确定,然后文件夹属性再确定。会问你属性只应用到文件夹本身还是文件夹和内部的文件,这里选择“文件夹和内部的文件”。

此时会弹出一个进度条显示压缩的进度,压缩的速度取决于你的CPU和硬盘。如果压缩被中断了(点了取消,电脑关机了等),再回到文件属性菜单→高级→去掉压缩的勾选→确定→应用→弹出提示选择“只应用到文件夹”→再到高级→勾选压缩→确定→应用→弹出提示选择“应用到文件夹和内部文件”就可以继续压缩了。

创建常用目录软链接

Android Studio并不支持修改.android、.AndroidStudio4.0、.gradle这几个目录的位置,于是这里采用骚操作手动移动。
1.首先关闭Android studio
2.手动把.android、.AndroidStudio4.0、.gradle这几个家伙移动到别的位置
3.打开CMD
4.输入符号链接命令,格式是
mklink[空格]/D[空格]"符号链接的位置"[空格]"被链接的文件夹的位置"
注意空格不能省略,引号可以省略但不建议省略,因为目录中如果出现空格会无法识别指令
例如我把.android从C盘的用户文件夹下移动到了D盘根目录,那么指令就是这样的:

mklink /D "C:\Users\用户名\.android" "D:\.android"

然后回车,提示为XXX创建符号链接,就是成功了。
你可以把符号链接理解为快捷方式,现在在C:\Users\用户名\.android 这个原目录里放了一个快捷方式,指向你新建的目录,任何对符号链接的访问都等同于你直接访问新的D:\.android,同理如法炮制另外2个目录即可。
这样当你重装了系统只需要重新创建一次符号链接即可,既不用复制文件慢慢等,也不用重新下载数据。还可以腾出系统盘的空间,岂不美哉~( ̄▽ ̄~)~

设置环境变量

我当然记得这是个Flutter的文章了,我们现在来添加环境变量。
在“此电脑”、“这台电脑”、“这货”、“我的电脑”上右键→属性
点击左边的“高级系统设置”
点击高级选项卡下的环境变量

双击系统变量里的Path

双击一个空白行,输入Android SDK的platfrom-tools目录的完整路径,再双击一行空白添加Flutter SDK的bin目录完整路径,然后点确定。
如果你的环境变量编辑的时候是长这个样子的,就在已有的变量值的后边加上英文分号再输入新的内容,就等同于上面的双击空白行操作。

然后如果你没有梯子或者你的梯子很慢,可以选择添加中国大陆专属flutter仓库环境变量,一共两对。点新建,输入名字和值然后回车即可。

名字
PUB_HOSTED_URLhttps://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URLhttps://storage.flutter-io.cn


最后一路确定下去就可以保存生效啦

配置Flutter

打开CMD,输入flutter doctor回车,会自动下载缺少的内容,首次运行要等很久(尤其是你又没有梯子又没有配置环境变量的话)。运行后如果发生报错会提示应该运行什么指令,根据报错的内容去度娘一下对症下药就好。(真不是我懒,不同的机器报的错不一样...以后遇到什么常见的报错我再写上来好了)
比如说遇到这样的提示缺少安卓的什么协议,把run:后面的命令复制下来回车,会弹出多条协议提示,无脑y回车几次就好

当显示为全勾的时候配置就完成了。好耶!现在终于终于可以去new项目了。

参考教程

Flutter中文网