flutter环境搭建及跑起来demo(多图慎入)
话不多说,直接上
【1】环境搭建
- 从git上面clone下来
git clone -b beta https://github.com/flutter/flutter.git
由于国内网络的问题,我就出现失败如下图
解决办法如下
git config --global http.postBuffer 524288000
网络慢!下载速度只有几kb?
解决办法如下
第一步:http://tool.chinaz.com/dns到...
第二步:
github.global.ssl.fastly.net
assets-cdn.github.com
分别搜索这两个如下图
第三步:选择ttl比较低的(较好)
第四步:打开电脑好host文件(window为例)
第五步:打开hosts文件编辑
第六步:刷新文件
刷新后git clone速度会快一点
完成从git把flutter clone下来的步骤
2.配置本地的环境变量(window)
path里面
看你们把flutter clone到哪里,path就要指向到flutter里面的bin文件夹
新建系统变量
FLUTTER_STORAGE_BASE_URL
https://storage.flutter-io.cn
还要新建一个
PUB_HOSTED_URL
https://pub.flutter-io.cn
PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是谷歌的国内临时镜像
接下来运行 flutter doctor
接下来安装Android Studio
这里还需要配置android_home等,因为之前有开发过cordova的东西,所以这些就不详细写出来,这些下载的包也可以到android sdk里面去下载
完成这些后电脑连接手机(要安装驱动)
flutter devices
顺利找到设备
【2】创建应用
flutter create myapp
创建成功,并检查了一下手机的连接情况
进入项目文件夹run
提示需要 android sdk platform 27 和 android sdk build-tool 26.0.2
那就到android sdk里面去下载一下
下载完android sdk platform 27后,在看build-tool,已经有最新版的了,就flutter run了一下,成功跑起来
构建打包完成app
自动安装到手机上
到这里demo跑起来了,深夜写完,走过路过给个赞呗
flutter环境搭建及跑起来demo(多图慎入)的更多相关文章
- Mac最新Flutter环境搭建运行和对比理解声明式UI
前言 这段时间一直都在学习和写关于SwiftUI的东西,前面也总结了四篇文章来大体上说了下Demo中功能实现的一些细节,后面准备开始了解学习一下Flutter,争取在年前能再用Flutter写一份项目 ...
- ArcGIS API for JavaScript开发环境搭建及第一个实例demo
原文:ArcGIS API for JavaScript开发环境搭建及第一个实例demo ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3. ...
- Flutter环境搭建以及快捷命令
Flutter环境搭建 配置环境变量 用户变量 FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn PUB_HOSTED_URL : ht ...
- Struts2.5的的环境搭建及跑通流程
Struts2.5 struts是开源框架.使用Struts的目的是为了帮助我们减少在运用MVC设计模型来开发Web应用的时间.如果我们想混合使用Servlets和JSP的优点来建立可扩展的应用,st ...
- Flutter环境搭建
本文介绍mac上搭建Flutter环境 1.Flutter官方提供中国地区镜像地址:https://github.com/flutter/flutter/wiki/Using-Flutter-in-C ...
- Flutter环境搭建遇坑小结(一)
对flutter的了解与开发也有一段时间了,总的来说,搭建开发环境遇到的各种坑也是很多,尤其对于初次接触Android开发的人员来说 一.flutter运行提示Running Gradle task ...
- lua入门之环境搭建、第一个demo
前言 前段时间因为有些项目功能需要,自己研究了下lua,今天整理下,并以一个demo为示例演示 手机上的运行效果 分为几个步骤来逐步讲解. 1.lua介绍,为什么选择它? 2.环境安装 3.撸一个简单 ...
- win7系统下flutter环境搭建+AndroidStudio编译插件
flutter学习网址:https://flutter-io.cn/ ----------------------------------------------------------------- ...
- Mac OS下Flutter环境搭建记录,VS Code开发
安装Flutter 获取FlutterSDK 终端cd进入SDK安装目录,比如 cd ~/FlutterSDK 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时 ...
随机推荐
- delphi WaitForSingleObject 示例之一等待另一个进程的结束
<pre>unit Unit1; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Cont ...
- python 收集测试日志--格式
Python的logging模块提供了通用的日志系统,这个模块提供不同的日志级别,并可以采用不同的方式记录日志,比如文件,HTTP GET/POST,SMTP,Socket等,甚至可以自己实现方式记录 ...
- [CSP-S模拟测试]:Race(数学+Trie树)
题目描述 一年一度的运动会开始了.有$N$个选手参赛,第$i$个选手有一个能力值(保证$A[i]$两两不同),比赛一共进行了天.在第$j$天($0\leqslant j\leqslant 2^{m-1 ...
- vue数据渲染、条件判断及列表循环
1.数据渲染 {{msg}} <template> <div id="app"> {{msg}} </div> </template&g ...
- appium移动端自动化测试的一些感想
花了一个多月的时间来复习,学习appium+python+android的UI层的自动化测试. 从最开始的环境搭建,都后面运行脚本报错各类错,到优化脚本结构,基本上问题不断. 相比,selenium做 ...
- 【转】 Linux 的目录详解 (Linux基础一)
前言 转自: http://c.biancheng.net/view/2833.html 进行了一些提炼和修改. 学习 Linux,不仅限于学习各种命令,了解整个 Linux 文件系统的目录结构以及各 ...
- TypeScript躬行记(5)——类型兼容性
TypeScript是一种基于结构类型的语言,可根据其成员来描述类型.以结构相同的Person接口和Programmer类为例,如下所示. interface Person { name: strin ...
- js判断客户端是pc还是移动端
navigator.userAgentNavigator 对象包含有关浏览器的信息.没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象.userAgent 属性是一个只读的字符 ...
- std::sort的详细用法
#include <algorithm> #include <functional> #include <array> #include <iostream& ...
- Java + selenium 元素定位(3)之By TagName
本篇介绍findElement接口中的By TagName方法.首先,要知道什么是tagname.之前我们使用F12开发者工具查看网页元素是,发现每行代码前都有<input>.<bo ...