阅读 170

Flutter 全网最新最佳搭配vscode安装教程

Flutter 最新最全最佳安装教程

这是flutter中文官方文档

book.flutterchina.club/chapter1/in…

小提示:因为是国外的包..所以官网和本篇文章很可能加载不出来上面链接所有软件包的下载地址,需要vpn或者代理,我用的是vpn,防止被和谐就不放链接了

一 : 安装Flutter SDK

storage.googleapis.com/flutter_inf…

下载完成之后解压到自己随便一个目录里   要英文并且不要放在c盘的Progrom Data里面  容易有权限问题

二: 配置环境变量

打开控制面板 - 点击用户账户 -再点击用户账户 - 左边有一个更改我的环境变量 点击   下面系统变量有一个path   点击它 -  点后右边有新增  然后把你flutter的bin路径加上去

image.png

三:安装android studio

官网下载地址:developer.android.com/studio/inde…

软件安装过程:blog.csdn.net/dhhyx/artic…

安装完后  进入cmd(就是window系统命令行)

image.png (如果报错  说明你环境变量没配好)

上面那条命令是flutter必须要的包,如果是四个勾就直接下一步,如果有×   请看如下

image.png

上面第二个×就是说 系统找不到你的安卓sdk   但其实你下载了android studio 之后sdk是自带的  所以你要在android studio  的sdk管理找到你的sdk路径并且复制

image.png

然后在cmd   打出如下代码

flutter config --android-sdk "C:\Users\Administrator\AppData\Local\Android\Sdk"  复制代码

(路径要自己看你的sdk装在哪个位置  上面有演示)

如果flutter doctor 提示是找不到android studio的路径(也就是第四行出现xx)  你就打出如下代码

flutter config --android-studio-dir D:\andorid studio 复制代码

把你的路径填上去就可以

完成之后,可能出现

image.png

有一窜感叹号 只要flutter doctor --android-licenses   然后一路按y就可以

上面完成出现这个四个勾就说明你已经完成这一步了

image.png

四:vscdoe安装插件flutter 和dart

ctrl + shift + p 输入flutter

选择第一个
选择application

输入项目名 接下来就正常开发就可以


作者:二猪佬
链接:https://juejin.cn/post/7023637499494793224


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐