flutter安装终极教程 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 技术分享 >

flutter安装终极教程

发表时间:2020-10-18

发布人:葵宇科技

浏览次数:55

flutter环境配置安装终极教程

环境安装流程

  1. java环境
  2. flutter sdk
  3. android SDK
  4. androidstudio
  5. dart sdk
  6. vscode

除了最后一个vscode是可选,其他几个是必须安装,缺一个都跑不起来。我们主要梳理一下下载安装这些东西中存在的坑。

一.java环境配置

? 我们第一步需要先配置java环境,没配的看看,看过的已经可以去下面了。

首先第一步下jdk,传送门:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

这里面存在一个问题,因为版本问题,配置环境会有一些差别,老版本需要配jre新版只用jdk,大家下载的时候尽量逮jdk8或者8以上的版本下。而且在配置环境的时候,上网找教程尽量找年代比较进的教程,那样版本应该和你的比较一致,如果太远的容易出问题。包括下载jdk的网站都变了,笔者下载的时候是个老网站,现在已经换新了。找下载的地方一开始都没找到。
在这里插入图片描述
在这里插入图片描述

jdk下好之后是配环境,没配过环境的同学自己动手配一下,除了java,后面flutter也要配,很麻烦。具体安装推荐这个博主的:

https://blog.csdn.net/qq_41436122/article/details/82620080?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.channel_param

安装下载jdk的时候一定要看好自己的版本和教程的版本,免得出错。

配好之后测一下

java _version
在这里插入图片描述

java
在这里插入图片描述

二 .flutterSDK

先挂一下官方地址,大家去这个地方下载

https://flutterchina.club/setup-windows/

如果打不开,直接百度搜索flutter,找中文社区,在哪里面找下载也行

找到了之后先根据官方教程配镜像

随后,跟配置java环境一样打开环境变量

在这里插入图片描述

这时候我们要分清,一个是用户变量,一个是系统变量,我们把镜像地址要扔到用户变量里。如果不配镜像,会出问题,所以大家先配镜像。

然后配好了之后可以下载flutterSDK了
在这里插入图片描述

新手建议点第一个,如果有github第二个也行。这个下载链接似乎被墙了,如果有大学生,联系一下自己认识的老师,用大学的专用网能打开,如果不是,只能自己搭梯子了(或者换个镜像试试,我没试过)。

在这里插入图片描述

下载好了之后,打开下载好的文件,找到bin目录,配置文件。
在这里插入图片描述

拷贝一下bin的路径,配置在path环境变量中
在这里插入图片描述

就跟java一样,把路径放底下就行
在这里插入图片描述
放好之后测一下,有的电脑可能反应慢,等一会:
在这里插入图片描述

然后找flutter_console
在这里插入图片描述

点一下

在这里插入图片描述
再测一下flutter doctor
在这里插入图片描述
目前第一行绿了就行,说明sdk搞好了

三.android sdk

然后再安卓sdk

安装Android的SDK环境可以去这
网站地址:
https://www.androiddevtools.cn/
在这里插入图片描述
android sdk tools .24.4.1下安装包或者压缩包都行。下载好解压到除c盘外的盘里。

下载好了打开
找sdk Manager,打开是一个目录,可能会闪退,我也不知道为啥。
在这里插入图片描述
在这里插入图片描述

打开是一个目录,在那一堆包里,先取消掉所有对勾,然后照着我这个打勾,选这几个包就行。选多了搞不好一次下10几个G,直接原地裂开。选好之后右下角下载(install…),下载时候记得点接受证书(Accept license)。

四.android studio

有的同学问我,为啥要下个android studio,用vscode不行吗,我只能说,没这玩意真不行。遇上的神奇报错都要用这个解决。

我们先说第一个错(我的已经修好了,所以没图)

Android license not accepted.

没有安卓证书,怎么办。运行这个flutter doctor --android-licenses

好开始经典无法理解命令,输入这个还报错Android license status unknown怎么办。无法理解命令,需要安装几个插件

打开android studio,
在这里插入图片描述
在这里插入图片描述

点那一行图标里面,小手机旁边的滔博标志
注意几个地方

在这里插入图片描述

这里选自己sdk的路径,打开SDK Tool选这几个包,都勾上,下载。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

如果还有这个问题:Flutter requires Android SDK 28 and the Android BuildTools 28.0.3.

你需要下载:

打开SDK Platforms,下载这个:

在这里插入图片描述

再下载
在这里插入图片描述

升级一下android manager

/Users/***/Android/sdk/tools/bin/sdkmanager --update,路径在自己android sdk bin目录下

重新flutter doctor看看
在这里插入图片描述

第一个和第二个对勾绿了就好了。

五.Dart sdk

在这里插入图片描述

目前版本的flutter以及包含了完整的dartSDK,无需专门下载了

六.vscode

在这里插入图片描述
在这里插入图片描述

在vscde里下载dart和flutter插件,下载好就ok了

相关案例查看更多