Flutter嵌入,进军flutter的第一天,配置环境

今天突然脑热,想试试搭建flutter,网上也很少文章,但是搭建的错误其实也不难找。

引用一下别人的文章:https://www.jianshu.com/p/9aaabc60d8af

flutter中文网:https://flutterchina.club/setup-windows/

flutter官网:https://flutter.dev/docs/get-started/install/windows

我会把flutter的sdk放到下面,大家可以下载,也可以到官网下载最新的sdk:点击下载

先把flutter的sdk下载下来


解压到你需要的环境变量路径,这里我解压到了 D:\ENVIR\Flutter,当然,这些路径里面最好不要存在中文,不然会出现未知错误

第二步,配置环境变量

在用户变量的path里面添加flutter的bin目录,win10就直接添加就好了,如果不是win10,就在最后添加  ;D:\ENVIR\Flutter\flutter\bin(不要漏了前面的;)  ,这里我是:D:\ENVIR\Flutter\flutter\bin,大家要以自己的安装目录为标准。

第三步,用命令:"flutter doctor"

按照上面推荐的文章说需要使用doctor诊断一下,那么,我们去诊断一下,进入安装目录:D:\ENVIR\Flutter\flutter,找到 flutter_console.bat 双击运行。

状态很好,在诊断了。。。

what???出现错误了

意思就是大概差不多就是找不到28.0.3的sdk,那我快速查一下我究竟有没有这个sdk。

有啊,怎么会没有28的sdk呢?在我十几分钟的寻找中,终于找到答案,原因是flutter自己找不到需要的android sdk,随意找了个目录,当然找不到,那么我们需要配置flutter的找android sdk环境变量:ANDROID_HOME,那么我们来配一下吧。

ok,到这里我们配完环境变量需要把电脑重启一下,不然还是会报错的。

好了,再运行一下,又报错,很符合逻辑...

这次是找不到 sdk manager,那么我们看看,D:\ENVIR\AndroidStudio\studio2\studio\sdk\tools\bin 里面有没有sdkmanager在里面:

果然是没有的,那我们直接用studio处理一下,走一个:

等待是非常的漫长啊。。。。

可以了可以了,报错的说说你的studio版本不够高,这个可以不管,如果最后发现 No devices available,那么也不用管,只是没有设备连接,插上设备就是最后的那行  Connected device (1 available)。ok,我们就打开studio。

下一步:配置插件

打开studio(我这里是3.0,以上版本都可以),打开Configure里面的settings

搜索插件 flutter (这里会自动安装插件Dart,dart是写flutter的语言)

再搜搜Dart插件是否有安装

嗯,插件都装好了,重启一下studio,距离成功只有创建hello world那一步了。

创建应用

 

next。。自己填写需要的东西

next。。公司名

finish。。。等待了一下,完全没有报错,我们就运行一下。。

运行效果:

什么情况???白屏了??很符合逻辑。

第一种解决方法,输入命令运行

进入项目的Terminal,使用flutter命令, flutter run --enable-software-rendering。

运行成功,但是我们还是用第二种方法吧!

第二种解决方法

在Additional arguments 填入:--enable-software-rendering 重新运行一下:

what,,,可以了可以了。。。。界面的+号可以按了

大功告成,半天时间废了。。。。

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为了配置Flutter环境,您可以按照以下步骤进行操作: 1. 首先,您需要下载并安装Flutter SDK。您可以从Flutter官方网站(https://flutter.dev/)下载适用于您的操作系统的Flutter SDK。 2. 将Flutter SDK解压到您想要安装的目录。例如,您可以将它解压到"C:\flutter"(对于Windows)或"/usr/local/flutter"(对于macOS和Linux)。 3. 添加Flutter到系统路径中。在Windows上,您可以在“系统属性”中设置环境变量,将Flutter的“bin”目录添加到“Path”中。在macOS和Linux上,您可以编辑".bashrc"或".bash_profile"文件,并将以下行添加到文件末尾: ``` export PATH="$PATH:/path/to/flutter/bin" ``` 确保将"/path/to/flutter/bin"替换为您实际的Flutter SDK路径。 4. 打开终端或命令提示符,并运行以下命令,以验证Flutter安装是否成功: ``` flutter doctor ``` 该命令将检查您的环境并报告任何缺失或错误的组件。根据需要,您可以按照提示修复问题。 5. 安装适用于您的IDE的Flutter插件。如果您使用的是Visual Studio Code,则可以在扩展市场中搜索并安装“Flutter”插件。如果您使用的是Android Studio,则可以打开插件设置并安装“Flutter”插件。 6. 创建一个新的Flutter项目。在命令行中,导航到您要创建项目的目录,并运行以下命令: ``` flutter create my_flutter_app ``` 这将创建一个名为"my_flutter_app"的新Flutter项目。 7. 最后,您可以使用您选择的IDE打开和编辑Flutter项目。您可以尝试运行项目并开始进行开发。 这些是配置Flutter环境的基本步骤。根据您的操作系统和开发环境,可能会有所不同。但是,按照这些步骤进行操作应该能够帮助您成功配置Flutter环境

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值