android切环境插件,Android Studio下Flutter环境搭建图文教程
一、Flutter介绍
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
二、环境搭建
Flutter 的环境搭建⼗分省⼼,特别对应Android开发者⽽⾔,只是在AndroidStuido上安装
插件,并下载flutterSdk到本地,配置在环境变量即可,其实
1.下载AndroidStudio中的插件 Dart和Flutter
大家都是聪明人看图说话,不做多余解释!
2.获取Flutter SDK
3.环境配置
网上流传的大多数是Git命令配置,很装逼很拉风,但是做人得低调,所以这里我们写了两个配置方案:
方案A: git命令配置 (网上大多数教程是这样配置):
(1)打开gitbash,输入如下命令:
git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=pwd/flutter/bin:$PATH
方案B:手动配置:
在用户变量上添加如下变量
> 需要配置的内容:
> ANDROID_HOME,在把你android SDK的路径填上
//国内用户需要设置
PUB_HOSTED_URL:
https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL:
https://storage.flutter-io.cn
PATH:
Flutter sdk路径的bin (不明白看下图)
测试是否配置成功
按win+R 直接运行 PowerShell , 然后输入如下命令:
flutter doctor
成功效果:
错误效果:
如果出现以下错误 , 则是没有配置好Android的环境
解决办法: 添加环境变量ANDROID_HOME,把你android SDK的路径填上,重启电脑即可
重启后继续执行 flutter doctor 如果还不成功就再执行 flutter doctor --android-licenses ,接下来 所有的输入 y 就可以了
成功后效果
三、创建项目
创建项目很简单基本上和Android项目一样
File->New->New Flutter Project
选Flutter Application ->Next
起App名字 ->Next 起包名 ->Finish
修改main.dart内容
运行就会有Hello World了
详细步骤(直接贴图不解释了)
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'WelcometoFlutter',
home: new Scaffold(
appBar: new AppBar(
title: new Text('WelcometoFlutter'),
),
body: new Center(
child: new Text('Hello World'),
),
),
);
}
}
四、体验热重载
Flutter的热重载可帮助您快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以在亚秒内重载,并且不会丢失状态。
步骤:
1.将字符串 HelloWorld 更改为 HelloWorldFlutter
2. 不要按“Stop按钮; 让您的应用继续运行。
3.要 看您的更改 只需Ctrl+S 就可以了
你就会立即看到更新后的字符串
网上操作效果(懒得做动图,大家凑合看吧!)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
android切环境插件,Android Studio下Flutter环境搭建图文教程相关推荐
- vs2015html5环境配置,visual studio 2015 PreView环境搭建图文教程
2014年11月13日,微软发布了Visual Studio 2015 Preview,跟随者Visual Studio 2015 而来的是,.net 开源,C#支持wp,ios,android三大系 ...
- OpenGL 开发环境配置(Windows) - Visual Studio 2017 + GLFW + GLAD 详细图文教程
OpenGL 开发环境配置(Windows) - Visual Studio 2017 + GLFW + GLAD 详细图文教程 大部分 OpenGL 是直接面向设备商的,如果开发者需要使用 Open ...
- mac安装python环境教程_python mac下安装虚拟环境的图文教程
Mac 下 Flask 框架 workon命令找不到 ---- 最终解决方案(详解具体实现操作过程中遇到的坑)2018年08月17日 00:02:05Jasonmes阅读数:622 Mac 下 Fla ...
- linux和pe修复win10启动项,pe下如何重建win10引导?pe下win10引导修复图文教程
[文章导读] 随着win10系统的流行,越来越多的小伙伴经常遇到win10系统引导丢失的情况,我们知道win10系统现在采用的是uefi引导,以前的一些修复工具都只能修复传统模式mbr格式下的硬引导, ...
- 【Flutter】Flutter 开发环境搭建 ( Android Studio 下 Flutter / Dart 插件安装 | Flutter SDK 安装 | 环境变量配置 | 开发环境检查 )
文章目录 一.Flutter 学习资料 二.Flutter 开发环境搭建 三.Android Studio 环境安装 Flutter / Dart 插件 四.下载 Flutter SDK 五.设置 F ...
- android切环境插件,Android Studio 2.0 - 插件太旧,请更新到更新版本,或设置ANDROID_DAILY_OVERRIDE环境变量...
Android Studio 2.0 - 插件太旧,请更新到更新版本,或设置ANDROID_DAILY_OVERRIDE环境变量 我更新了Android Studio 2.0版并正常使用. 当我今天创 ...
- photoshop android 切图插件,摹客PS插件-摹客PS插件(PS切图插件)下载 v2.1.3官方版--pc6下载站...
摹客PS插件是一款PS切图插件,可以自定义切图尺寸,使用摹客PS插件可以一键上传图片,智能标注数据,不再需要手工切图,智能标注查找方便,摹客PS插件可以提高用户工作效率. 摹客PS插件是一款PS切图插 ...
- android 教程 最新版,Android最新版本开发环境搭建图文教程
本文只是写了如何配置jdk,以及adt-bundle的配置.对于以前的adt-bundle的版本,会自带cpu/abi系统镜像,经过本文所描述的两个步骤后可以直接创建avd,但是从官网下载的最新的ad ...
- android流量显示插件,[android]仿360状态,种流量监控桌面浮动显示
[android]仿360状态,类流量监控桌面浮动显示 前两天看到部分音频播放器可以实现在桌面上显示歌词,360那个浮动的桌面提示,想不到怎么实现.然后查了些资料大致了解了下,比想象的简单多了.先看效 ...
最新文章
- 关于maya与max互导FBX出现错误的解决方案。
- Python+selenium自动化测试:报错:TypeError: 'WebElement' object is not iterable
- 1、初识Server API for JavaScript
- 使用org.apache.jasper.JspC编译jsp文件--转载
- NYOJ 801 Haffman编码
- 重庆计算机二本专业有哪些专业,重庆高考计算机类分数线
- linq to object 、linq to sql 、linq to entity 批量 新增、更新、删除功能扩展
- excel合并计算_【Excel】合并计算和模拟分析的应用
- linux做一个客户端与WemosD1作为服务器的无线通信(局域网通信)
- MySQL操作权限整理
- OPPO Reno 3 Pro再曝光:5G手机也有轻薄机身
- IO操作 第二篇 学习(转载)
- Centos下SVN环境部署记录
- 进阶篇第九期:相册与拍照的后处理
- 关于SOA的应用研究思考
- 总结openstack nuetron网络架构图
- 中兴B860AV2.1U,联通版本,强刷固件线刷包
- Segger和Micrium之间的区别和联系
- C++ 提取代码中的函数
- FOJ 1402 猪的安家
热门文章
- 我常用的电脑操作快捷键
- python与正则表达式(part8)--compile对象及match对象的属性方法
- 基于 OData 模型和 JSON 模型的 SAP UI5 表格控件行项目的添加和删除实现
- SAP技术专家Jerry的技术分享微信群 - 2021年1月14日更新 - 还剩27个名额
- rxjs里scan operator的执行研究
- Angular依赖注入的一个例子和注入原理单步调试
- 为SAP Analytics Cloud的story创建持久化页面
- 基于CDS view生成的OData服务的metadata是如何生成的
- SAP CRM WebClient UI和Hybris CommerceUI tag的渲染逻辑
- 一些我工作中经常使用的ABAP新语法和函数,关键字,可以提高工作效率