Flutter windows 环境配置

Flutter windows 环境配置

从零开始,演示flutter环境配置到启动项目,同时支持 vscode 和 android studio

目录

  • Flutter windows 环境配置
    • 一、环境配置
    • 1. Flutter SDK
    • 2. Android Studio
    • 3. JDK
    • 4. 拓展安装
    • 5. Visual Studio 2022
    • 二、项目创建和启动
    • 1. vscode
    • 2. Android Studio

一、环境配置

1. Flutter SDK

Flutter Windows SDK 下载地址

(1)将解压后的bin目录放入系统环境变量的Path中

Tips : 放在系统变量中时,需要管理员CMD才能使用命令,可以选择放在用户变量中

解压目录\flutter\bin
解压目录\flutter\bin\cache\dart-sdk\bin

在这里插入图片描述

(2)新建系统变量,配置源

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn# 清华源(如果官方的临时源速度慢,可以用这个,速度快)
PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
在这里插入图片描述在这里插入图片描述

(3)检测配置

# 测试是否配置完成 (管理员CMD)
flutter --version
dart --version# 可以检测系统缺少什么 chrome可以用edge替代,visual studio 自行安装
flutter doctor

2. Android Studio

Android Studio下载地址

(1)打开软件后会提示Android SDK未安装,取消掉,一直默认next即可。

(2)正式进入软件界面后,在 Project 界面中点击 More Actions ,选择SDK Manager

在这里插入图片描述

(3)在弹出的页面中,选择Android SDK Command-line Tools (latest) , 再点击ok即可安装。

在这里插入图片描述

(4)android-licenses

# CMD输入命令 一直Y
flutter doctor --android-licenses

(5)最后可以在Android Studio 中的 More Actions中选择合适的安卓模拟器进行安装,默认会带一个模拟器。

在这里插入图片描述

3. JDK

JDK 下载地址

正常安装,我安装的是21版本,一直next即可

# 新建环境变量
JAVA_HOME=安装目录
CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib;
在这里插入图片描述在这里插入图片描述
# 环境变量Path
%JAVA_HOME%\bin

在这里插入图片描述

4. 拓展安装

需要安装 dart + flutter

(1)vscode - 插件市场上安装

在这里插入图片描述在这里插入图片描述

(2)Android Studio - Plugins中安装

在这里插入图片描述

5. Visual Studio 2022

选择C++桌面开发后,右侧列表中检查是否勾选了Windows SDK,需要勾选,再点击安装即可。

在这里插入图片描述

二、项目创建和启动

1. vscode

(1)ctrl+shift+p 搜索 Flutter 选择 Flutter:New Project

在这里插入图片描述

(2)选择Application,点击后需要选择项目目录,并输入名称

在这里插入图片描述

(3)创建项目完成

在这里插入图片描述

(4)右下角Select Device可选择启动设备

在这里插入图片描述

(3)选择启动的平台,下面是Android Studio默认的模拟器

在这里插入图片描述

(4)启动项目

首次启动会下载相关包,需要github的网络,如果等了很久可以切换清华源

# 可能会卡在这里很久,需要注意是否能访问github
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Launching lib\main.dart on sdk gphone64 x86 64 in debug mode...
Flutter assets will be downloaded from https://mirrors.tuna.tsinghua.edu.cn/flutter. Make sure you trust this source!
Running Gradle task 'assembleDebug'...      

启动方式有两种

① 控制台输入 flutter run

在这里插入图片描述

② 使用vscode的运行与调试,点击运行

在这里插入图片描述

2. Android Studio

(1)安装完拓展后会显示新的选项,选择New Flutter Project

在这里插入图片描述

(2)选择flutter后,这边可以选择项目的初始化设置,不需要的可以取消,取消后不会生成对应目录。

在这里插入图片描述

(3)先选择模拟器后再启动项目

在这里插入图片描述
(4)启动后模拟器不会自动弹出,需要点击右下角的 “Running Devices”

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/578742.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java面试题66-75

66、Collection 和 Collections的区别。 Collection是集合类的上级接口,继承与他的接口主要有Set 和List. Collections是针对集合类的一个帮助类,他提供一系列静态方法实现对各种集合的搜索、排序、线程安全化等操作。 67、Set里的元素是不能重复的…

Ansys Lumerical | 带2D输出耦合器的出瞳扩展器的优化

附件下载 联系工作人员获取附件 本文提出并演示了一种以二维光栅为外耦合器的出瞳扩展器(EPE)系统的仿真方法,并给出了优化和公差分析的实例。 在此工作流程中,我们使用 Lumerical 构建光栅模型,并使用 RCWA 求解器模…

Python深度学习030:torchvision.models有哪些已经写好的模型 | 以resnet18网络为例讲解如何使用(含数据、代码和结果展示)

文章目录 torchvision.models中的模型图像分类目标检测和实例分割语义分割视频分类注意事项以resnet18网络为例讲解如何使用(含数据、代码和结果展示)torchvision.models 提供了一系列预训练的模型,主要用于图像分类、目标检测、图像分割等任务。 torchvision.models中的模型…

ubuntu18设置开机自启动

项目需求:机器人开机上电后工控机首先运行机械臂控制代码,再运行算法代码 1.终端执行以下代码 gnome-session-properties 2.设置开机自启动选项 在弹出界面点击添加,名称随便填,命令填入要启动的脚本,注释随便填。 …

【CAD二次开发】如何通过lsp实现dll程序的自动加载

通常我们在收到一个dll格式的CAD插件的时候会通过NETLOAD手动加载,这个缺点是每次重启CAD后都需要再加载dll插件; 有没有什么方法可以实现dll插件的自动加载呢; 答案是有,下面我们分享几种简单的方法实现dll的自动加载; 方法1&…

nginx: [error] open() “/var/run/nginx/nginx.pid“ failed (2: No such file or directory)

该错误消息通常表示 Nginx 在启动过程中无法找到指定路径的日志文件或进程号文件。 我这边是因为服务器断电,导致该问题 这个问题可能有几种原因和解决方法: 1. 确保 Nginx 配置文件中的日志路径正确。在 Nginx 配置文件中查找 error_log 和 pid 配置指…

密码学学习笔记(二十三):哈希函数的安全性质:抗碰撞性,抗第一原象性和抗第二原象性

在密码学中,哈希函数是一种将任意长度的数据映射到固定长度输出的函数,这个输出通常称为哈希值。理想的哈希函数需要具备几个重要的安全性质,以确保数据的完整性和验证数据的来源。这些性质包括抗碰撞性、抗第一原象性和抗第二原象性。 抗碰…

MidJourney笔记(9)-daily_theme-docs-describe

/daily_theme 切换 #daily-theme 频道更新的通知。 但我发现在对话框那里,是没有这个命令的: 但官网是有介绍,不知道是不是版本问题还是这个命令已经无效。 但后来,我发现这个命令是要在Midjourney服务对话框那里才有,在我们后面添加的Mid

docker部署jenkins,发布任务执行scp免密传输

第一步 进入docker容器 # 因为jenkins的任务都是以jenkins用户执行,必须以jenkins用户进入容器生成公私钥 docker exec -it -u jenkins jenkins /bin/bash第二步 在容器内生成公私钥 # 容器中生成公私钥 直接三次回车不设置密码等信息 ssh-keygen -t rsa第三步 查…

测试C#使用AForge从摄像头获取图片

百度“C# 摄像头”关键词,从搜索结果来看,使用OpenCV、AForge、window动态链接库获取摄像头数据的居多,本文学习基于Aforge.net连接摄像头并从摄像头获取图片的基本方法。   AForge相关包(尤其是相关的控件)主要针对…

Spring--BeanFactoryPostProcessor与BeanPostProcessor的职责与区别

BeanFactoryPostProcessor与BeanPostProcessor的职责与区别 BeanFactoryPostProcessor: 职责: BeanFactoryPostProcessor 负责在容器实例化任何 bean 之前对 bean 定义进行修改。它允许你在 bean 被实例化之前对 bean 的定义进行全局性的修改&#xff…

计算机网络简述

前言 计算机网路是一个很庞大的话题。在此我仅对其基础概述以及简单应用进行陈述。后续或有补充以形成完善的计算机网络知识体系。 一.计算机网络的定义 根据百度词条的描述,计算机网络是指将地理位置不同的具有独立功能的多台计算机及其外部设备,通过…

智能优化算法应用:基于减法平均算法3D无线传感器网络(WSN)覆盖优化 - 附代码

智能优化算法应用:基于减法平均算法3D无线传感器网络(WSN)覆盖优化 - 附代码 文章目录 智能优化算法应用:基于减法平均算法3D无线传感器网络(WSN)覆盖优化 - 附代码1.无线传感网络节点模型2.覆盖数学模型及分析3.减法平均算法4.实验参数设定5.算法结果6.…

如何抵挡外在的干扰,安安静静的写代码

我们身处于外部浮躁的社会环境和快节奏的生活之中,如何抵挡外在的干扰,安安静静的写代码,安静的做项目,安静的做好当下的、眼前的事情,成为一个颇为奢侈的愿望,成了困扰许多人的问题。 现代社会的工作间是通…

Linux 文件权限、文件压缩与文件查找

一、文件权限管理 Linux 一切皆文件 先从如何查看文件类型开始: file filename 查看文件类型和编码 stat filename 查看文件详情 (一)文件属性 # ls -a drwxr-xr-x 5 root root 39 Nov 17 11:16 aaa -rw-…

JavaScript 打开窗口的办法

在JavaScript中,可以使用以下方法来打开新窗口: window.open(url, name, options):使用指定的URL打开一个新窗口。 url:要加载的URL。name:新窗口的名称(可选)。options:一个包含窗口…

OKCC语音机器人的人机耦合来啦

目前市场上语音机器人的外呼形式基本就分为三种,一种纯AI外呼,第二种也是目前主流的AI外呼转人工。那么第三种也可能是未来的一种趋势,人机耦合,或者也叫人机协同。 那么什么是人机耦合呢? 人机耦合是为真人坐席创造相…

跟着LearnOpenGL学习11--材质

文章目录 一、材质二、设置材质三、光的属性四、不同的光源颜色 一、材质 在现实世界里,每个物体会对光产生不同的反应。 比如,钢制物体看起来通常会比陶土花瓶更闪闪发光,一个木头箱子也不会与一个钢制箱子反射同样程度的光。 有些物体反…

【Qt-QMessageBox-】

Qt编程指南 ■ QMessageBox■■■■■ ■ QMessageBox 示例一&#xff1a; #include <QApplication> #include <QMessageBox> #include <QPushButton> #include <QDebug> int main(int argc, char *argv[]) {QApplication a(argc, argv);QMessageBox …

K8S的二进制部署

K8S的源码包部署 搭建准备&#xff1a; k8smaster01&#xff1a;20.0.0.32 kube-apiserver kube-controller-manager kube-scheduler etcdk8smaster02&#xff1a;20.0.0.33 kube-apiserver kube-controller-manager kube-scheduler node节点01&#xff1a;20.0.0.34 …