首先定他一个小目标:
->
->目标:命令行输入 flutter doctor (检测flutter所需环境) 得到下图所示
->
->
->目标分解:
->
- 安装flutter (上图中第一个√ get)
- 安装jdk
- 安装android studio
- 安装android sdk (上图中第二个√ get)
- 安装dart和flutter插件 (上图中第三个√ get
->
->
->
第零步:建立几个空文件夹
1.如下图所示,首先建立文件夹 D:\Flutter
2.再在Flutter文件夹内建立几个空文件夹
如果其中已经安装过的可以忽略,我仅为了好说明所以都放在一个文件夹里
第一步:安装jdk
- 先说第一个坑,如果没有装jdk或者jdk版本高于9.0(当时看见别人说的,不是很肯定),后边在安装android-licenses得时候就会报错。我当时下载得是11.0.1,折腾了良久,后换成8u192版本就没有问题了;为了避免后边折腾,先把jdk给装上。
- 下载jdk
点击下载 8u92版
或者到官网 下载相应版本 - 双击执行下载得文件,然后一路next,记得安装地址改为 D:\Flutter\JDK
- 安装成功之后会弹出java得安装,同理一路next,记得改安装地址D:\Flutter\JAVA
5.配置java环境变量- 首先系统变量里添加一条 JAVA_HOME 指向安装目录 D:\Flutter\JAVA
- 然后用户变量Path里 新增条记录 %JAVA_HOME%\bin 和 %JAVA_HOME%\jre\bin(我使用的是win10,其他版本的系统可自行搜索配置方法)
配置完成之后 win + r 输入 cmd 进入命令行 执行 java -version
可以看到 java已经配置成功了!
第二步:安装flutter
- 首先系统变量里添加一条 JAVA_HOME 指向安装目录 D:\Flutter\JAVA
- 下载flutter sdk
点击这里下载flutter sdk v0.11.10-beta,
或者到github 获取最新版本 - 将下载好的压缩包解压到 D:\Flutter\FlutterSDK 目录中
- 双击目录中的flutter_console.bat文件,可以看到下图效果
4.配置环境变量,在Path中添加一条记录指向bin目录(我使用的是win10系统,其他版本配置环境变量可以自行搜索)
5.win + R 输入 cmd 进入命令行, 在命令行中输入 flutter doctor 如下图所示
可以看到,第一个√已经get!
第三步:安装AndroidStudio
- 下载 android studio
点击这里下载181.5014246-windows
或者到AndrioStudio官网下载最新版 - 一路next,记得安装到 D:\Flutter\AndroidStudio 目录
- 安装完成直接运行会提示没有安装 Android SDK ,直接下一步
- 选择安装到 D:\Flutter\AndroidSDK 目录,再下一步,然后点finish开始安装
然后就耐心等待android sdk自己下载安装吧
10分钟。
20分钟。。
40分钟。。。
好了!finish! - 配置环境变量
首先怀着激动得心情 运行 flutter doctor 如下图
android studio安装成功了,但是android sdk任然没有,因为还没有配置环境变量
所以我们在系统变量里新增一条环境变量 ANDROID_HOME 指向 android sdk 安装目录D:\Flutter\AndroidSDK
保存好之后,再来试试 flutter doctor命令 (记得重新打开cmd)
仍然没有成功,但是提示不一样了,提示让我们执行 flutter doctor --android-licenses 命令
执行试一试
可以看到提示我们是不是要安装什么,如果这一步报错,可能如文章开头所说是sdk版本的问题
那么我们一路 yes!
提示我们所有sdk包都通过了
接下来继续执行 flutter doctor查看状态如下
nice!第二个 √ get! 准确得说,目前已经解锁2.5个 √了
第四步 安装Dart 和 Flutter 插件
- 打开android studio
双击 D:\Flutter\AndroidStudio\bin\studio.exe2.打开插件管理页面
3.搜索flutter 然后点击 search in repositories
- 点击安装flutter
他会提示需要和dart一起安装,选择是就好了
安装完成后需要重启android studio 才可用
见证奇迹
--> flutter doctor
如有错误得地方请帮我指出,感谢
参考资料
【flutter中文网】https://flutterchina.club/get-started/codelab/
【配置flutter 遇到的问题及解决办法】 https://blog.csdn.net/liy010/article/details/82078484
原文地址:http://blog.51cto.com/13311508/2323377
时间: 2024-10-28 16:16:13