flutter 安装与环境配置与踩坑

1.打开https://flutter.cn/docs/get-started/install   Flutter中文网址安装提示

2.下载Flutter 安装包 解压到安装的位置最好不要将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files\

解压后打开文件夹  --点击Flutter console看能否打开 

3.记得配置用户环境变量 ANDROID_HOME = D:\xx\sdk  指向自己As的Sdk目录   如果不添加此路径vscode 使用Flutter doctor时候会出现找不到sdk提示

FlutteR_STORAGE_BASE_URL  = https://storage.flutter-io.cn

PUB_HOSTED_URL = https://pub.flutter-io.cn 

PATH =D:\Flutter\bin

添加系统环境变量 Path  =D:\gitSoft\Git\cmd   = D:\gitSoft\Git\bin 指向自己git文件夹内的cmd与bin 

下载vscode 在用户环境变量中添加D:\soft\Microsoft VS Code\bin 指向自己的vscode安装的BIn 

安装完毕后Flutter console内运行 Flutter doctor 查看是否成功 

4.成功后 创建一个Flutter项目文件夹 例如桌面 (c:->cd Flutter_app) 切换到位置后 输入Flutter create first_app创建项目 ,创建后使用as打开项目 按照提示安装Flutter 与dart plugins插件 安装成功后重启代码显示正常带有颜色

 在vscode打开 first_app 可以直接拉起first_app入 vscode图标即可打开 也可以使用file -open 打开 使用ctral_~打开控制台输入 Flutter doctor 验证是否正常 

出现找不到sdk的提示则 配置ANDROID_HOME  出现X Android license status unkNown.  使用  Flutter doctor --android-licenses

如果出现

请查看是否是自己的jdk高于8 Google说由于9以后删除了许多jar包所以导致此问题 我的是14所以换回了8

换回后重试 正常

后续一直yyyyy,完成 

继续Flutter doctor 提示Flutter与dart没有安装 ,但是我确定我安装了

[!] Android Studio (version 3.4)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

,重新卸载Flutter与dart插件 然后重启 无效..

google发现有一位博主大哥说好像as要与Flutter的版本一致忘记网址了,有知道的可以@我再加上网址链接  需要去Flutter重新下载对应的版本 例如

as的版本是192开头的所以要使用192开头的Flutte

由于进入Flutter官网需要梯子所以我选择了卸载AS....

重新卸载as 安装3.6.1 在重新安装插件 OK ,进行Flutter doctor ,成功 

最后一个提示 no devices available 打开as的虚拟机

虚拟机运行成功开机后  再次验证  

配置成功 后面小伙伴就可以使用Flutter愉快地玩耍了

 

 

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...