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

1,114 阅读2分钟

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

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

接下来的过程参考官方文档就可以,按我这么一套流程可以完成环境搭建和配置