Flutter + vscode 配置说明

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:57   3531   0

1.安装 jdk(配置环境变量) git android SDK自行百度

2.下载 flutter SDK

新建文件夹 右键git bash here 执行 git clone -b alpha https://github.com/flutter/flutter.git //据说成功率不高 我试了两次成功

3.配置环境变量:

FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

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

path:添加flutter SDK bin目录

4.cmd 中 运行 flutter doctor 需要等一会儿 有可能会报错 本人遇到如下的错:

第一个是 android licese的问题 第二个是android studio的问题 第三个是模拟器的问题

第一个:运行 flutter doctor --android-licenses 有可能会引发下面问题:

C:\aplication\SDK flutter sdk'的目录

Warning: An error occurred during installation: Failed to move away or delete existing target file: C:\aplication\SDK\tools

下面,找到了解决办法, 首先进入SDK的安装目录, 我的是C:\aplication\SDK(有些人可能没有, 比如我就是, 文章下面有解决办法);

找到tools文件夹, 把他重命名成tool, cmd下执行

C:\aplication\SDK\tool\bin\sdkmanager --update

上面两个Warning不要管他。 执行结束后会有done。 此时SDK目录会新增一个tools,把tools里的所有文件移到tool里, 有重复, 全部选替换, 接着把tools改为tools。 这样第一个问题 就能解决

第二个问题 提示没有安装android studio (本人没打算用andriod studio 开发可以不用理它)

第三个问题就是模拟器的配置问题:可以用真机开发者模式 我这里用的是 逍遥模拟器 安装后 win10条件下启动可能直接蓝屏

有可能是win10 和模拟器有冲突:在控制面版中 安装卸载程序中,将Hyper-V的对勾去掉 重启 如下:

然后打开命令行,进入安装目录下面的Microvirt\Memu目录
在cmd 执行adb connect 127.0.0.1:21503

然后执行flutter doctor 就可以了

5.下载 安装VsCode 安装flutter插件 dart 也会一起安装如下:

6.在左下角的设置按钮中打开命令面版 会找到Flutter 提供的插件新建项目:

注:项目路径 一定不要有特殊字符 不要有中文 项目路径 一定不要有特殊字符 不要有中文 项目路径 一定不要有特殊字符 不要有中文

输出控制台会输出:

创建成功!

到终端运行 flutter run 如果卡在 Initializing gradle...

找到项目路径 如下:

打开该文件 看到distributionUrl 找到gradle的版本号 到官网去下载 http://services.gradle.org/distributions/

下载完成后(不要解压):复制到 用户 你所用的用户名下面 如下路径中 就可以了

然后执行flutter run 就可以了

如下:

热加载:修改完成后 直接按下r 键就行

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP