【window10】Dart+Android Studio+Flutter安装及运行

  • 安装Dart SDK
  • 安装Android Studio
  • 安装Flutter
  • 在Android Studio中创建并运行Flutter项目

安装前，请配置好你的jdk环境，准备好你的梯子~

安装Dart SDK

浅浅了解一下Dart：

Dart 诞生于2011年，是由谷歌开发的一种强类型、跨平台的客户端开发语言。Dart是一种简洁、清晰、基于类的面向对象的语言，具有专门为客户端优化、高生产力、快速高效、可移植（兼容ARM/x86）、易学的OO编程风格和原生支持响应式编程（Stream & Future）等优秀特性。它是基于JavaScript的，但是结构比JavaScript多。
Dart SDK官网：Dart SDK官网

安装步骤：

1、在获取Dart SDK我们可以看到可以通过命令行和安装包两种方式来安装Dart SDK（使用命令行会默认安装到C盘），我是直接下载安装包的：

在这里插入图片描述

这个安装包的下载链接是需要自己拼的，官网上有说明。

下载解压完之后，就是这样一个文件夹，我放在D盘里了：

在这里插入图片描述

2、配置Dart SDK环境：windows搜索【查看高级系统设置】—>【环境变量】—>【用户变量】—>【path】路径配置到dart-sdk文件夹下的bin目录

在这里插入图片描述

3、【windows+R】打开黑窗口，通过dart --version查看是否安装成功。

在这里插入图片描述

4、建议在VS code编译器中安装两个插件，方便开发使用：

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

安装Android Studio

1、由于我之前安装Android Studio的时候没有保存步骤图，所以给大家找了一篇详细的安装教程：
Android Studio 安装配置教程 - Windows(详细版)

2、安装完之后，需要装两个插件，方便开发使用：

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

安装Flutter

浅浅了解一下Flutter：

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。

  • 具有跨平台开发特性，目前已经支持IOS、Android、Web、Windows、macOS、Linux等；
  • 热重载特性大大提高了开发效率；
  • 自绘UI引擎和编译成原生代码的方式，使得系统的运行时的高性能成为了可能；
  • 使用Dart语言，目前已经支持同时编译成Web端代码。

Flutter官网：Flutter官网

安装步骤：

1、在Flutter安装中，选择你要安装的系统，我安装的是Windows版本：

在这里插入图片描述

解压完压缩包之后是这个样子，我放在D盘里了：

在这里插入图片描述

2、配置Flutter SDK环境：windows搜索【查看高级系统设置】—>【环境变量】—>【系统变量】—>【path】路径配置到flutter文件夹下的bin目录

在这里插入图片描述

3、【windows+R】打开黑窗口，通过flutter --version查看是否安装成功。

在这里插入图片描述

4、在中国使用 Flutter需要配置Flutter镜像站点：windows搜索【查看高级系统设置】—>【环境变量】—>【系统变量】—>新建环境

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

5、【windows+R】打开黑窗口，运行flutter doctor命令检测环境是否配置成功。第一次执行此命令可能会出现以下情况：

在这里插入图片描述

【问题一】：Unable to locate Android SDK-无法找到Android SDK，因此我们需要去配置

（1）打开Android Studio，找到SDK Manager：

在这里插入图片描述

（2）找到Android SDK，勾选一下内容：

在这里插入图片描述

勾选完之后，点击确定。

（3）在Android SDK文件夹下找到platform-tools和tools两个文件路径，windows搜索【查看高级系统设置】—>【环境变量】—>【用户变量】—>【path】添加两个路径的配置。

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

（4）之后再执行flutter doctor会出现下面的警告，不要慌，我们根据警告提示，执行flutter doctor --android-licenses ，执行时会弹出(y/N)的选项，一直输入y就行。

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

（5）此时再执行flutter doctor会发现，Android SDK的问题就解决了。

在这里插入图片描述

【问题一】：Visual Studio not installed-Windows应用程序未安装Visual Studio，这对于开发windows应用程序是必要的。（如果只开发app的话，完全可以不用安装Visual Studio，但是如果需要进行桌面应用开发，就需要安装Visual Studio了）

（1）下载Visual Studio：下载Visual Studio，我安装的是社区版。

在这里插入图片描述

（2）安装成功之后会进入到这个页面，勾选这两个选项（安装之前，请确认你要安装的路径，如果C盘内存不够，请慎重！）：

在这里插入图片描述

（3）点击安装（这个过程真的巨慢~~~）

在这里插入图片描述
（4）安装成功之后，再执行flutter doctor，就没问题啦！

在Android Studio中创建并运行Flutter项目

1、打开Android Studio，点击New Flutter Project—>Flutter—>确认Flutter SDK路径

在这里插入图片描述

（2）根据你的需求进行项目创建

在这里插入图片描述

（3）项目创建成功之后，在终端执行flutter run来运行。

在这里插入图片描述
在这里插入图片描述
（4）也可以连接安卓手机，进行真机调试：设备上启用 开发人员选项 和 USB调试，用数据线连接电脑和安卓手机；在终端，运行 flutter devices 命令以验证Flutter识别您连接的Android设备；执行flutter run来运行程序。

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

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

相关文章

【计算机视觉 05】YOLO论文讲解：V1-V7

【计算机视觉 05】YOLO论文讲解：V1-V7

https://ai.deepshare.net/live_pc/l_63243a65e4b050af23b79338 Part1.目标检测与YOLO系列 1. 目标检测任务及发展脉络 2. YOLO的发展史 Anchors Base原理： Part2.YOLOV1-V3 3. YOLO V1的网络结构 4. YOLO V3的网络结构与实验结果 Part3.YOLO的进化 5. YOLO V4的网络…
阅读更多...
每个前端都要学的【前端自动化部署】，Devops，CI/CD

每个前端都要学的【前端自动化部署】，Devops，CI/CD

原文发布于：2023-09-21 11:50 作者：65岁退休Coder 原文链接：https://juejin.cn/post/7102360505313918983 DevOps 当我们提到 Jenkins，大家首先想到的概念就是 CI/CD，在这之前我们应该再了解一个概念。 DevOps&#…
阅读更多...
轻松实现时间录入自由！如何在Microsoft Word中轻松插入格式化的日期和时间

轻松实现时间录入自由！如何在Microsoft Word中轻松插入格式化的日期和时间

在文档中插入当前日期和时间有几个原因。你可能希望将其插入信函或页眉或页脚中。无论是什么原因，Word都可以轻松地将日期和时间插入文档。 如果希望在打开或打印文档时自动更新日期和时间，可以将其作为自动更新的字段插入。该字段也可以随时手动更新。…
阅读更多...
六个交易日市值蒸发20亿港元，第四范式难逃AI大模型“魔咒”

六个交易日市值蒸发20亿港元，第四范式难逃AI大模型“魔咒”

AI独角兽第四范式终于敲钟了。 北京第四范式智能技术股份有限公司(06682.HK，下称“第四范式”)于9月28日正式挂牌港交所，发行价为55.60港元/股，IPO首日报收58.50港元/股。 上市后6个交易日，截至10月6日港股收盘，第四…
阅读更多...
一文读懂Base64

一文读懂Base64

这几天在和第三方交互的时候，对方返回的数据是base64格式的数据，所以这两天又彻底捋了下Base64的来龙去脉。之前看过一篇文章说的非常好（再找到给加上链接），我在这不详细说明了，只说转换过程。 还是使用中…
阅读更多...
Vue中如何进行分布式任务调度与定时任务管理

Vue中如何进行分布式任务调度与定时任务管理

在Vue中进行分布式任务调度与定时任务管理 分布式任务调度和定时任务管理是许多应用程序中的关键功能之一。它们用于执行周期性的、异步的、重复的任务，例如数据备份、邮件发送、定时报告生成等。在Vue.js应用中，我们可以结合后端服务实现分布式任务调度…
阅读更多...
C++(反向迭代器)

C++(反向迭代器)

前言： 上一章我们介绍了适配器，也提了一下迭代器适配器，今天我们就从反向迭代器把迭代器适配器给解释一下。 既然 都叫迭代器容器了 就说名只要接口合适他可以封装实现各种容器需求包括vector list 。 目录 1.反向迭代器设计 1.1反向迭代…
阅读更多...
【iOS】Fastlane一键打包上传到TestFlight、蒲公英

【iOS】Fastlane一键打包上传到TestFlight、蒲公英

Fastlane一键打包上传到TestFlight、蒲公英 前言一、准备二、探索一、Fastlane配置1、Fastlane安装2、Fastlane更新3、Fastlane卸载4、查看Fastlane版本5、查看Fastlane位置6、Fastlane初始化 二、Fastlane安装蒲公英插件三、Fastlane文件编辑1、Gemfile文件2、Appfile文件3、F…
阅读更多...
网络安全工程师自主学习计划表（具体到阶段目标，保姆级安排，就怕你学不会！）

网络安全工程师自主学习计划表（具体到阶段目标，保姆级安排，就怕你学不会！）

前言 接下来我将给大家分享一份网络安全工程师自学计划指南，全文将从学习路线、学习规划、学习方法三个方向来讲述零基础小白如何通过自学进阶网络安全工程师，全文篇幅有点长，同学们可以先点个收藏，以免日后错过了。 目录 前言…
阅读更多...
C++对象模型（4）-- 数据语义学：数据成员的内存布局

C++对象模型（4）-- 数据语义学：数据成员的内存布局

1、数据成员的声明顺序和内存布局 变量的布局顺序与它的声明顺序是一致的。 我们先来看一段代码&#xff1a; class Base { public:// 变量地址void print() {cout << " this:" << this << endl;cout << " &i1:" << …
阅读更多...
【高级rabbitmq】

【高级rabbitmq】

文章目录 1. 消息丢失问题1.1 发送者消息丢失1.2 MQ消息丢失1.3 消费者消息丢失1.3.1 消费失败重试机制 总结 2. 死信交换机2.1 TTL 3. 惰性队列3.1 总结&#xff1a; 4. MQ集群 消息队列在使用过程中&#xff0c;面临着很多实际问题需要思考&#xff1a; 1. 消息丢失问题 1.1…
阅读更多...
WIN10 NPM的安装

WIN10 NPM的安装

引言&#xff1a; 什么是node.js? javaScript是一门脚本语言&#xff0c;通常被用来编写、执行本地源代码。脚本语言需要一个解析器才能运行&#xff0c;HTML文件中的JavaScript代码由浏览器解析执行。而自行执行JavaScript代码则需要Node.js解析器才能运行。 每个解析器都…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023