美文网首页
Windows系统下flutter在studio上的安装

Windows系统下flutter在studio上的安装

作者: 月魂xioa | 来源:发表于2020-01-13 12:03 被阅读0次

    格式什么的,不太会,不过意思表达清楚应该就可以了——没啥用的前言。

    开篇:这篇文章的目的,在你拥有studio的前提下,教导你最基础的flutter安装。

    正文:

    1、祭献一个官网:Flutter中文网

    刚开始这个地方是离不开的,不论是想要简单了解还是深入学习。

    2、关于安装

    进入官网之后,点击快速开始

    然后选取系统,我们当仁不让的选择第一个,和男团女团不一样,这里no.1才是真正的C位。

    接下来跳转的页面就不如之前的简洁清爽了。大段大段的文字充斥着我们的视野,因为长期摸鱼,所以我们的内心会止不住的咆哮着“走开!赶紧走开!你们这些丑八怪!(鼠标不受控制的就要往右上角移动)java才是我的最爱,kotlin是我的新欢,我的怀抱已经被我的爱人们充满,这里没有你的位置,赶紧走,丑八怪!”

    好了,好了。

    我们别理这些言真意切的疯言疯语,先让我们一步一步的揭开,这位新近入宫的美人的面纱吧。

     电脑配置要求。

    看起来要求很低的样子。

    然后,再往下拉一点,找到sdk下载的连接

    跳转去的界面就是真正的sdk下载的位置了。

    sdk下载位置

    下载完之后,就是解压了。

    下载的文件及解压出来的文件夹

    将文件解压到你想要放到的位置。

    打开这个文件夹,找到 flutter_console.bat 位置大概如下:

    批处理文件

    双击打开,输入flutter doctor

    先说一下这个命令是干什么的:验证你是否已经正确的设置了相关的依赖。

    从当前这个截图上可以看出,我的studio相关的依赖已经设置好了,而IDEA的相关依赖则没有设置。

    来来来,我们先简单介绍一下这几个分别代表什么。

    第一行:没用,略。

    第二行,Android toolchain,可能遇到的问题是,第一:android sdk版本太低,那么你更新相应的sdk就行了。第二:提示没有授权,遇到这个问题更好解决,直接按照提示运行flutter doctor --android-licenses。然后一路y(同意)就解决了。

    第三行,根据你安装不同的编辑器而显示不同,目前flutter 主要支持的是 IntelliJ IDEA,Android Studio和VS Code的插件。我用到过的也只有前两个,而且主要使用的是studio,所以并没有全部验证。

    这个地方也是大家最常遇到问题的地方。

    是时候打开的你studio了,然后左上角File->Settings ->Plugins

    输入flutter、dart

    settings界面

    安装之后,点击Apply,这是时候studio会重新启动。

    重新启动之后,再次打开settings页面,这次我们不找plugins,而是找languages&frameworks

    上面会多两个条目分别是dart和flutter

    接下来是设置flutter和dart的sdk。

    小提示:dart的sdk其实就包含在之前我们下载的flutter的sdk里面

    之后再次进入flutter console.输入flutter doctor查看。

    IDEA,这里应该和studio想差不大。

    最后一条是电脑并没有连接手机。也是可以无视的。

    其他注意事项

    1、当你真的运行一个flutter项目的时候,并往里面添加第三方包的时候,可能会出现超时的问题,原因我们大家都知道。解决办法官网上也有

    设置你的环境变量,增加两条变量

    左边的是变量名,右边的是变量值。设置之后,就可以了。

    2、有时候你按照官网和别人的教程做好了一切,却还是会出一些莫名其妙的问题。当你确定步骤真的没错,也找不到其他的解决办法的时候,你可以尝试关机,让主机安静一会,然后重新启动看看。

    3、git克隆flutter sdk,除了下载方式不同,其他的好像没区别。

    相关文章

      网友评论

          本文标题:Windows系统下flutter在studio上的安装

          本文链接:https://www.haomeiwen.com/subject/vakjittx.html