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 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 2022 windows下简易flutter开发环境搭建 -> 正文阅读

[移动开发]2022 windows下简易flutter开发环境搭建

1. flutter SDK安装

git clone 官网稳定版本分支。 命令如下。
git clone https://github.com/flutter/flutter.git -b stable

clone flutter git仓库的好处是,如果想要体验flutter的最新实验性功能,直接切换分支同步远端代码即可。
在这里插入图片描述

2. PATH环境变量配置

1. 点击 此电脑→ 高级系统设置 → 环境变量 打开环境设置面板

image.png

2. 在用户变量 path属性中添加 flutter bin文件地址,没有path则新建

在这里插入图片描述

3. 打开clone好的flutter目录,进入bin目录下,在打开的文件资源管理器顶端,复制bin目录的文件地址

image.png

4. 编辑path环境变量,点击新建,输入复制的flutter bin目录地址。点击确定

**image.png**

5. 新建一个终端 输入flutter doctor ,

flutter命令已经可以成功运行

在这里插入图片描述

3. android studio 设置

1.Android SDK 安装

按照好 android studio后,进入 Settings 中, 查找 SDK , 安装 Android SDK
在这里插入图片描述

2. flutter 插件安装

在Plugins 插件选项中搜索flutter插件并安装
在这里插入图片描述

3. 执行 同意安卓许可
1.安装cmdline-toos

android studio 设置中打开Android SDK ,在 SDK tools中 选中 Command-line tools点击确定安装。
在这里插入图片描述

2.新建一个终端,执行如下命令

flutter doctor --android-licenses
一步一步输入 y 同意协议
在这里插入图片描述

在这里插入图片描述

3.新建一个flutter项目

安装好 flutter插件后,我们点击新建项目时,可以看到出现了 新建flutter 项目的选项
在这里插入图片描述

点击新建, Flutter SDK 路径,选择我们clone好的 flutter目录地址
在这里插入图片描述

输入项目名称后,完成创建。注意:项目名称禁止出现短横线,可以通过 下划线来连接,例如 flutter_demo

4. 新建一个安卓模拟器

打开模拟器设备管理器,选择设备类型。点击下载安装。
在这里插入图片描述

模拟器安装完成后,启动项目如下
在这里插入图片描述

4. VSCode设置

1. 插件中搜索安装flutter 、 Dart支持

在这里插入图片描述

2.ctrl shift + p 选择新建flutter项目

image.png

选择 Application
image.png

创建项目成功后,编辑器右下角选择一个要运行的设备,这里选择已经安装好的安卓模拟器
在这里插入图片描述

按 f5启动如下
在这里插入图片描述

5.添加windows端支持

1. 下载Visual Studio

https://visualstudio.microsoft.com/zh-hans/downloads/
在这里插入图片描述

安装时,勾选 使用C++进行桌面开发
在这里插入图片描述

Visual Studio 安装完成重启电脑后,我们打开一个终端执行flutter doctor进行flutter环境检查
在这里插入图片描述

最后一个不影响使用,暂可不用处理。感兴趣的朋友可以参照这篇文章方法尝试处理。

2.vscode 打开flutter项目,右下角设备选项中,点击选择windows (desktop)

在这里插入图片描述

F5运行项目后如下
在这里插入图片描述

到这里,我们已经初步构建好一个 windows下的flutter开发环境。

疑似flutter doctor hTTP host availability 检查出错解决方案:

https://blog.csdn.net/ouhuanquan/article/details/123134340
image.png

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-04-04 12:22:54  更:2022-04-04 12:24: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年11日历 -2024/11/24 21:01:14-

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