flutter学习日志flutter的安装和环境配置 windows

Posted 2021-01-23

首先定他一个小目标：

->
->目标：命令行输入 flutter doctor （检测flutter所需环境） 得到下图所示
->

->
->目标分解：
->

1. 安装flutter （上图中第一个√ get）
2. 安装jdk
3. 安装android studio
4. 安装android sdk （上图中第二个√ get）
5. 安装dart和flutter插件 （上图中第三个√ get

->
->
->

第零步：建立几个空文件夹

1.如下图所示，首先建立文件夹 D:Flutter
2.再在Flutter文件夹内建立几个空文件夹
如果其中已经安装过的可以忽略，我仅为了好说明所以都放在一个文件夹里

第一步：安装jdk

1. 先说第一个坑，如果没有装jdk或者jdk版本高于9.0（当时看见别人说的，不是很肯定），后边在安装android-licenses得时候就会报错。我当时下载得是11.0.1，折腾了良久，后换成8u192版本就没有问题了；为了避免后边折腾，先把jdk给装上。
2. 下载jdk
   点击下载 8u92版
   或者到官网 下载相应版本
3. 双击执行下载得文件，然后一路next，记得安装地址改为 D:FlutterJDK
   
4. 安装成功之后会弹出java得安装，同理一路next，记得改安装地址D:FlutterJAVA
   
   5.配置java环境变量
   • 首先系统变量里添加一条 JAVA_HOME 指向安装目录 D:FlutterJAVA
     
   • 然后用户变量Path里 新增条记录 %JAVA_HOME%in 和 %JAVA_HOME%jrein（我使用的是win10，其他版本的系统可自行搜索配置方法）
     配置完成之后 win + r 输入 cmd 进入命令行 执行 java -version
     
     可以看到 java已经配置成功了！

     第二步：安装flutter

5. 下载flutter sdk
   点击这里下载flutter sdk v0.11.10-beta，
   或者到github 获取最新版本

6. 将下载好的压缩包解压到 D:FlutterFlutterSDK 目录中
7. 双击目录中的flutter_console.bat文件，可以看到下图效果
   
   4.配置环境变量，在Path中添加一条记录指向bin目录（我使用的是win10系统，其他版本配置环境变量可以自行搜索）
   5.win + R 输入 cmd 进入命令行， 在命令行中输入 flutter doctor 如下图所示
   
   可以看到，第一个√已经get！

第三步：安装AndroidStudio

1. 下载 android studio
   点击这里下载181.5014246-windows
   或者到AndrioStudio官网下载最新版

2. 一路next，记得安装到 D:FlutterAndroidStudio 目录
   
3. 安装完成直接运行会提示没有安装 Android SDK ，直接下一步
   
4. 选择安装到 D:FlutterAndroidSDK 目录，再下一步，然后点finish开始安装
   
   然后就耐心等待android sdk自己下载安装吧
   
   10分钟。
   20分钟。。
   40分钟。。。
   好了！finish！
   
5. 配置环境变量
   首先怀着激动得心情 运行 flutter doctor 如下图
   
   android studio安装成功了，但是android sdk任然没有，因为还没有配置环境变量
   所以我们在系统变量里新增一条环境变量 ANDROID_HOME 指向 android sdk 安装目录D:FlutterAndroidSDK
   
   保存好之后，再来试试 flutter doctor命令 （记得重新打开cmd）
   
   仍然没有成功，但是提示不一样了，提示让我们执行 flutter doctor --android-licenses 命令
   执行试一试
   
   可以看到提示我们是不是要安装什么，如果这一步报错，可能如文章开头所说是sdk版本的问题
   那么我们一路 yes！
   
   提示我们所有sdk包都通过了
   接下来继续执行 flutter doctor查看状态如下
   
   nice！第二个 √ get！ 准确得说，目前已经解锁2.5个 √了

   第四步 安装Dart 和 Flutter 插件

6. 打开android studio
   双击 D:FlutterAndroidStudioinstudio.exe

   2.打开插件管理页面
   

3.搜索flutter 然后点击 search in repositories

4. 点击安装flutter
   
   他会提示需要和dart一起安装，选择是就好了
   
   安装完成后需要重启android studio 才可用

见证奇迹

--> flutter doctor

如有错误得地方请帮我指出，感谢
参考资料
【flutter中文网】https://flutterchina.club/get-started/codelab/
【配置flutter 遇到的问题及解决办法】 https://blog.csdn.net/liy010/article/details/82078484