IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Flutter-VSCode安装和配置 -> 正文阅读

[开发工具]Flutter-VSCode安装和配置

第一步:安装Flutter

window下Flutter官网下载链接:https://flutter.dev/docs/development/tools/sdk/releases#windows

? 下载完Flutter后,解压到自己的本地的安装路径。随后进入flutter安装路径,运行该目录下的flutter_console.bat文件,接下来就可以来测试Flutter安装成功,可以在该安装目录下打开PowerShell,执行flutter doctor命令行来进行检测。运行后的正确结果见下图:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0IqGaosn-1638267145250)(https://img.sanphantom.cn/UTOOLS1574441480993.png)]

上图中的Android toolchain需要后面来配置,下面也会讲解。

注:window7自带的powerShell版本比较低,无法执行flutter doctor命令行,会出现结果为Unblock File错误。可以下载5.0版本以上的Power Shell。

第二步:配置全局Flutter

  1. 右击我的电脑,进入属性 (我的电脑 => 属性)
  2. 进行高级系统设置,开始配置环境变量
  3. 在系统变量中找到Path变量,将“flutter安装路径\bin”加入进去,若是win7,前面得加‘ ; ’作为分隔。
  4. 确定退出
  5. 打开cmd,运行flutter doctor.

第三步:安装和配置android sdk

前去 Android SDK官网,下载window版本的sdk tools。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4vpoW0nq-1638267145253)(https://img.sanphantom.cn/UTOOLS1574443084989.png)]

下载完成解压后,运行该目录下的SDKManager.exe,

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f2u3vEOZ-1638267145255)(https://img.sanphantom.cn/UTOOLS1574444093130.png)]

注册过程中,我们需要耐心的等待一段时间。插件注册完成后,就可以开始配置全局adb了。与配置flutter差不多,进入高级系统变量界面后,新建一个ANDROID_HOME的变量,变量值android sdk的安装目录。点开系统变量中的Path值,将**%ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools这两个值添加到里面。
然后打开cmd运行窗口,执行
adb version**查看,运行结果如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LVEFPT56-1638267145256)(https://img.sanphantom.cn/UTOOLS1574445447688.png)]

flutter和adb连接错误

  1. adb配置完成后,再一次的运行flutter doctor命令,可能会出现 Android license status unknown. 这个错误可以进行执行flutter doctor --android-licenses命令来解决该问题。
  2. flutter doctor --android-licenses命令可能会出现sdk的版本过低,而导致android-licenses出现错误,所以需要升级android sdk的版本,进入sdk的安装目录,将tools文件夹进行一下重命名(除了该目录下的文件名,什么都行)。接下来便进入这个文件夹下的bin文件夹中。执行**.\sdkmanager.bat --update命令对sdk版本更新。更新过程需要等待一段时间。更新后,再一次的执行flutter doctor --android-licenses**命令。

这样flutter就可以开始使用adb的一些功能了。

第四步:VSCode的安装和配置

VScode安装包下载地址: https://code.visualstudio.com/

安装完成后,便开始针对flutter进行配置。安装的插件主要就是:flutter,之后重启VSCode,按住Ctrl+Shift+P打开Command Platetter(命令平台),输入Flutter,选择Run Flutter Doctor,查看OutPut输出控制台中的输出内容。

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-12-01 17:55:04  更:2021-12-01 17:57:18 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/24 9:01:25-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计