当前位置: 首页 > news >正文

【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.lryc.cn/news/184493.html

相关文章:

  • 【C++】运算符重载 ⑩ ( 下标 [] 运算符重载 | 函数原型 int operator[](int i) | 完整代码示例 )
  • ROS机械臂开发-开发环境搭建【一】
  • 深度思考rpc框架面经之五:rpc限流:rpc事务:tps测试
  • [AIGC] Java序列化利器 gson
  • VMware 虚拟机删除+重建
  • 环面上 FHE 的快速自举:LUT/Automata Blind Rotate
  • VScode配置文件launch.json 和 tasks.json配置项详细说明
  • DNSlog 注入简单笔记
  • HDLbits: Dualedge
  • 网络安全_黑客(自学)
  • AI 大框架分析基于python之TensorFlow(归一化处理,多类别分类的概率)
  • C++day01(QT简介、C++)
  • Web server failed to start. Port 8080 was already in use
  • new和malloc的区别
  • python:openpyxl 读取 Excel文件,显示在 wx.grid 表格中
  • 12P2532X152 KJ3222X1-BA1 CE4003S2B1 EMERSON DELTAV
  • P1014 [NOIP1999 普及组] Cantor 表
  • JMeter性能分析实战一:日常登录接口
  • 内外网结合的多服务发布架构
  • Unity中Shader的光照模型Lambert
  • (一)Log4Net - 介绍
  • [bug] mysql 时间与本地不一致
  • 【改造先序遍历】222. 完全二叉树的节点个数
  • windows文件和目录相关命令
  • TL-ER3220G端口映射设置
  • MySQL Cluster
  • Spring封装的原生WebSocket使用,带组的实现
  • Linux高性能服务器编程 学习笔记 第十一章 定时器
  • jenkins拉取git代码 code 128解决方案
  • 【Linux】 ls命令使用