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

news2024/10/6 10:32:10

  • 安装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.coloradmin.cn/o/1067106.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

苹果爆出台积电及三星3纳米制程良率远低于60% | 百能云芯

苹果爆出台积电及三星3纳米制程良率远低于60% | 百能云芯

韩媒消息指出，台积电和三星的3纳米制程良率都未超过60%，远低于吸引硬件供应商所需的水准。韩媒近期不断炒作iPhone 15系列过热与台积电3纳米芯片技术有关，但苹果已澄清该问题主要是iOS 17操作系统漏洞及第三方应用程序所造成。 三星是第一家开…
阅读更多...
强化学习------Sarsa算法

强化学习------Sarsa算法

简介 SARSA（State-Action-Reward-State-Action）是一个学习马尔可夫决策过程策略的算法，通常应用于机器学习和强化学习学习领域中。它由Rummery 和 Niranjan在技术论文“Modified Connectionist Q-Learning（MCQL）” 中…
阅读更多...
ueditor

ueditor

下载文件在文件夹下npm install 安装依赖（如果没有安装 grunt , 请先在全局安装 grunt） 在文件下载目录下 npm install3. 在终端执行 grunt default grunt default
阅读更多...
P1014 [NOIP1999 普及组] Cantor 表

P1014 [NOIP1999 普及组] Cantor 表

#include <bits/stdc.h> using namespace std; int main() {int n,k1;cin>>n;while (n>k) {nn-k;k;}if(k%20) cout<<n<<"/"<<(k1-n);else cout<<k1-n<<"/"<<n;return 0; }
阅读更多...
Angular学习笔记：路由

Angular学习笔记：路由

本文是自己的学习笔记&#xff0c;主要参考资料如下。 - B站《Angular全套实战教程》&#xff0c;达内官方账号制作&#xff0c;https://www.bilibili.com/video/BV1i741157Fj?https://www.bilibili.com/video/BV1R54y1J75g/?p32&vd_sourceab2511a81f5c634b6416d4cc1067…
阅读更多...
到github上去学别人怎么写代码

到github上去学别人怎么写代码

线性回归是一种线性模型&#xff0c;例如&#xff0c;假设输入变量"(x) “与单一输出变量”(y) “之间存在线性关系的模型。更具体地说&#xff0c;输出变量”(y) “可以通过输入变量”(x) "的线性组合计算得出。单变量线性回归是一种线性回归&#xff0c;只有1个输入…
阅读更多...
【2023研电赛】东北赛区一等奖作品：基于FPGA的小型水下无线光通信端机设计

【2023研电赛】东北赛区一等奖作品：基于FPGA的小型水下无线光通信端机设计

本文为2023年第十八届中国研究生电子设计竞赛东北赛区一等奖作品分享&#xff0c;参加极术社区的【有奖活动】分享2023研电赛作品扩大影响力&#xff0c;更有丰富电子礼品等你来领&#xff01;&#xff0c;分享2023研电赛作品扩大影响力&#xff0c;更有丰富电子礼品等你来领&a…
阅读更多...
环面上 FHE 的快速自举：LUT/Automata Blind Rotate

环面上 FHE 的快速自举：LUT/Automata Blind Rotate

参考文献&#xff1a; [AP14] Alperin-Sheriff J, Peikert C. Faster bootstrapping with polynomial error[C]//Advances in Cryptology–CRYPTO 2014: 34th Annual Cryptology Conference, Santa Barbara, CA, USA, August 17-21, 2014, Proceedings, Part I 34. Springer B…
阅读更多...
如何实现浏览器的前进和后退功能？

如何实现浏览器的前进和后退功能？

文章来源于极客时间前google工程师−王争专栏。 如何理解栈 后进者先出&#xff0c;先进者后出&#xff0c;这就是典型的“栈”结构。 从栈的操作特性来看&#xff0c;栈是一种“操作受限”的线性表&#xff0c;只允许在一端插入和删除数据。 当某个数据集合只涉及在一端插入…
阅读更多...
【yolov系列：yolov7改进添加SIAM注意力机制】

【yolov系列：yolov7改进添加SIAM注意力机制】

yolo系列文章目录 文章目录 yolo系列文章目录一、SimAM注意力机制是什么&#xff1f;二、YOLOv7使用SimAM注意力机制1.在yolov7的models下面新建SimAM.py文件2.在common里面导入在这里插入图片描述 总结 一、SimAM注意力机制是什么&#xff1f; 论文题目&#xff1a;SimAM: A …
阅读更多...
使用访问图像三种办法，指针，迭代器，动态地址计算

使用访问图像三种办法，指针，迭代器，动态地址计算

使用访问图像三种办法&#xff0c;指针&#xff0c;迭代器&#xff0c;动态地址计算 指针访问 方法一 #include <opencv2/opencv.hpp> #include <iostream> #include <opencv2/highgui/highgui.hpp> #include <opencv2/imgproc/imgproc.hpp>using n…
阅读更多...
TS中interface接口的使用

TS中interface接口的使用

接口用来定义一个类的结构&#xff0c;用来定义一个接口中应该包含哪些属性和方法 语法结构如下&#xff1a; interface 接口名 { // 属性和方法 } 一、使用接口进行类型声明 我们声明一个对象类型可以使用如下方法&#xff1a; // 定义一个对象类型 type Mytype {name: st…
阅读更多...
show index 中部分字段的含义

show index 中部分字段的含义

show index from 表名 查看某张表的索引情况 另: SELECT * FROM information_schema.STATISTICS WHERE TABLE_NAME "t1" 与 show index from t1 作用相似,且会返回更多的字段信息 创建一张测试表t1: CREATE TABLE t1 ( id INT ( 11 ) NOT NULL AUTO_INCREMENT, nam…
阅读更多...
【C++】STL详解（十二）—— 用哈希表封装出unordered_map和unordered_set

【C++】STL详解（十二）—— 用哈希表封装出unordered_map和unordered_set

​ ​&#x1f4dd;个人主页&#xff1a;Sherry的成长之路 &#x1f3e0;学习社区&#xff1a;Sherry的成长之路&#xff08;个人社区&#xff09; &#x1f4d6;专栏链接&#xff1a;C学习 &#x1f3af;长路漫漫浩浩&#xff0c;万事皆有期待 上一篇博客&#xff1a;【C】STL…
阅读更多...
Zookeeper 集群搭建

Zookeeper 集群搭建

Zookeeper Zookeeper是一个开源的分布式的&#xff0c;为分布式框架提供协调服务的Apache项目 Zookeeper 工作机制 Zookeeper从设计模式角度来理解&#xff1a;是一个基于观察者模式设计的分布式服务管理框架 一旦这些数据的状态发生变化&#xff0c;Zookeeper就将负责通知…
阅读更多...
【EI复现】基于同步发电机转动惯量和阻尼系数协同自适应控制策略（Simulink仿真实现）

【EI复现】基于同步发电机转动惯量和阻尼系数协同自适应控制策略（Simulink仿真实现）

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…
阅读更多...
华为OD机试 - 计算最大乘积（2022Q4 100分）

华为OD机试 - 计算最大乘积（2022Q4 100分）

目录 专栏导读一、题目描述二、输入描述三、输出描述四、解题思路五、Java算法源码六、效果展示1、输入2、输出3、说明 华为OD机试 2023B卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试&#xff08;JAVA&#xff09;真题&#xff08;A卷B卷&#…
阅读更多...
分贝定义简介

分贝定义简介

一、什么是分贝 辅助单元Bel表示任何给定部件、电路或系统的输入和输出之间的对数比L，并且可以用电压、电流或功率来表示： 如果使用场量（电压或电流）代替功率量，则： 我们可以将增益或损耗因子相加为正或负dB值，而不是将其乘以比率。 分贝与功率转化的速读表如下所示：…
阅读更多...
流程图设计制作都有哪些好用的工具

流程图设计制作都有哪些好用的工具

流程图是一种直观的图形表示方式&#xff0c;通常用于显示事物的过程、步骤和关系。在现代工作中&#xff0c;设计师经常需要绘制各种流程图来解释工作过程、产品设计等。本文将为您推荐7个流程图软件&#xff0c;以帮助您快速绘制高效的流程图&#xff0c;并提高工作效率。 即…
阅读更多...
IDEA 2021.2.2设置自动热部署

IDEA 2021.2.2设置自动热部署

1.导入包坐标 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><scope>runtime</scope><optional>true</optional></dependency> 2.pom.xml添加piugins插…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023