镜像下载、域名解析、时间同步请点击 阿里巴巴开源镜像站

Flutter是谷歌开发的一款开源、免费的基于Dart语言的UI框架,可以快速在IOS和Android上构建高质量的原生应用。它的最大的特点是跨平台和高性能。

Dart是由谷歌,在2011年开发的计算机编程语言,它可以被用于Web、服务器、移动应用和物联网等多个领域,号称要取代javascript

跨平台(适用多个终端)

  • 移动端

    • Android
    • iOS
  • Web端(各种浏览器)

  • 桌面应用

  • 嵌入式开发

高性能

  • flutter应用的性能,接近原生App

  • Flutter采用GPU(毒性显示)渲染技术

  • Flutter应用的刷新频率可达120fps

    • 可以用Flutter来开发游戏

资源网站

环境搭建

  • Windows只能搭建Android开发环境
  • Mac下技能搭建Android开发环境,也能搭建IOS开发环境
  • vscode安装flutter插件
  • 网络环境 需FQ

window下安装安卓环境

  • JDK

  • Android Studio

    • 安装Android Studio
    • 安装Android SDK
    • 安装Android模拟器
  • Flutter SDK

    • 直接下载
    • 通过Git下载
配置资源镜像

由于在国内访问Flutter有时候可能会收到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将下面的资源地址加入到环境变量中

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

找到我的电脑 => 属性 => 高级系统设置 => 新增系统环境变量 以上面 键值形式添加

安装JDK

下载地址:www.oracle.com/java/techno…

下载完成,双击安装

安装完成 验证是否成功 终端输入java -version查看版本号

如没有,需要将JDK的安装路径绑定到环境变量中

变量名:JAVA_HOME 变量值:jdk的安装路径

Android Studio安装

下载Android Studio

下载地址:developer.android.google.cn/studio/

下载完成:双击安装,下一步安装

安装完成后,找到SDK Manager, 下载安装android SDK Platform29 (在Android 10.0下)

安装模拟器,找到ADV Manager => 点击 create Virtual Device 添加虚拟设备

Flutter SDK

下载地址:flutter.cn/docs/develo…

或者通过git下载 git clone -b master https://github.com/flutter/flutter.git

网站上下载的是压缩包,选择位置解压

运行命令

  • 通过 flutter_console.bat 打开命令行,然后在命令行中运行flutter命令
  • 绑定环境变量,将flutter的执行路基那个,绑定到环境变量中

绑定环境变量,找到 bin目录,路径添加到环境变量

检测flutter

在命令行中,运行flutter doctor ,可能会出现三个问题

  • Some Android license not accepted

运行flutter doctor --android-license 所有交互输入Y

  • 如果报错Unable to locate Android SDK,需要将android SDK 添加到用户变量

ANDROID_HOME = sdk路径

Android toolchain - develop for Android devices    
Unable to locate Android SDK.

版本一定要匹配正确,具体报错具体解决。

查看已安装的模拟器

flutter emulators

启动模拟器

flutter emulators --launch emulator-id

如果启动不了模拟器,显示 "HADXM is not installed"

  • 检查电脑是否开启虚拟化技术,进入BIOS界面找到virtual Technology 设置为允许
  • 检查Android Studio 的SDK tools 是否由选中 HAXM installer
  • 找到Android SDK\extras\intel\Hardware_Accelerated_Execution_Manager-2 双击 haxm.exe 文件安装

初始化flutter项目

  • 通过命令行

    • flutter create myproject
    • cd myproject
    • flutter run
  • 通过Android Studio

    • 必须安装Flutter插件
  • 通过vscode

    • 必须安装Flutter插件

修改国内镜像源

在运行flutter之前,需要先修改运行项目必须的资源路径,需要修改两个文件

  • flutter项目/android/build.gradle
  • Flutter SDK包下的flutter.gradle
 google()
mavenCentral()
修改成
maven { url 'https://maven.aliyun.com/repository/goole' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/public' }

找到flutter sdk下 flutter\packages\flutter_tools\gradle, 修改镜像

本文转自:https://juejin.cn/post/7036360364694437896

futter环境安装的更多相关文章

  1. 使用专业的消息队列产品rabbitmq之centos7环境安装

      我们在项目开发的时候都不可避免的会有异步化的问题,比较好的解决方案就是使用消息队列,可供选择的队列产品也有很多,比如轻量级的redis, 当然还有重量级的专业产品rabbitmq,rabbitmq ...

  2. Linux下xampp集成环境安装配置方法 、部署bugfree及部署禅道

    XAMPP(Apache+MySQL+PHP+PERL)是一个功能强大的建站集成软件包.XAMPP 是一个易于安装且包含 MySQL.PHP 和 Perl 的 Apache 发行版.XAMPP 的确非 ...

  3. node.js环境安装,及连接mongodb测试

    1.node.js环境安装 npm config set python python2.7npm config set msvs_version 2013npm config set registry ...

  4. 谈谈React Native环境安装中我遇到的坑

    谈谈React Native环境安装 这个坑把我困了好久,真的是接近崩溃的边缘...整理出来分享给大家,希望遇到跟我一样问题的小伙伴能尽快找到答案. 首先,这是在初始化App之后,react-nati ...

  5. Kali Linux渗透测试实战 1.2 环境安装及初始化

    1.2 环境安装及初始化 目录(?)[-] 环境安装及初始化 下载映像 安装虚拟机 安装Kali Linux 安装中文输入法 安装VirtualBox增强工具 配置共享目录和剪贴板 运行 Metasp ...

  6. Linux初学 - Elasticsearch环境安装

    下载 https://www.elastic.co/downloads/elasticsearch 安装 rpm -ivh 也可以双击rpm包安装 修改elastaticsearch host配置 修 ...

  7. Win7下Python2.7环境安装paramiko模块

    Win7下Python2.7环境安装paramiko模块,经过安装并测试成功,整理文档如下: 1.下载安装Windows版本的Python2.7,我默认装在C:\Python27 我的python已经 ...

  8. [ALM]一步一步搭建MS ALM环境 - 安装TFS + SQL SERVER

    描述: 安装SQL SERVER 2012,安装TFS 2013,配置TFS,挽起袖子,准备干活儿 步骤: 1,打开Hyper-V Manager,参考[Hyper-V]使用操作系统模板创建新的虚拟机 ...

  9. Sencha Toucha 2 —1.环境安装配置、在线打包、离线打包

    环境安装配置        1. 下载 1.1     Sencha Touch 下载 http://cdn.sencha.com/touch/sencha-touch-2.2.1-gpl.zip 1 ...

随机推荐

  1. go基础——for语法

    package main import "fmt" /* for循环:某些代码会多次的执行 */ func main() { for i := 1; i <= 3; i++ ...

  2. CSS3带你实现3D转换效果

    前言 在css3中允许使用3D转换来对元素进行格式化,在原本只是2D转化的平面中引入了Z轴.在这之前我们讲解了css3中的2D转换,也就是二维空间变换,本篇的3D转换就是基于原来的2D转换而来,与2D ...

  3. Spring中声明式事务的几个属性的解释

    声明式事务 @Transactional (通常用在service层)事务属性:传播行为,隔离级别,回滚,只读,过期 1,spring支持事务传播行为:propagation(常用以下两个)    ① ...

  4. ASP.NET Core 6框架揭秘实例演示[02]:基于路由、MVC和gRPC的应用开发

    ASP.NET Core可以视为一种底层框架,它为我们构建出了基于管道的请求处理模型,这个管道由一个服务器和多个中间件构成,而与路由相关的EndpointRoutingMiddleware和Endpo ...

  5. 教你用Elastic Search:运行第一条Hello World搜索命令

    摘要:Elastic Search可实时对数据库进行全文检索.处理同义词.从同样的数据中生成分析和聚合数据. 本文分享自华为云社区<Elastic Search入门(一): 简介,安装,运行第一 ...

  6. Solution -「ARC 110F」Esoswap

    \(\mathcal{Description}\)   Link.   给定 \(0\sim n-1\) 的排列 \(p_{0..n-1}\),每次操作给出 \(i\),交换 \(p_i\) 和 \( ...

  7. MySQL基本数据类型与约束条件

    昨日内容回顾 数据存储的演变 # 方向: 朝着更加统一和方便管理 数据库的发展史 # 由本地保存逐步演变为线上保存 数据库的本质 # 本质上就是一款CS架构的软件 """ ...

  8. head 插件 Content-Type header [application/x-www-form-urlencoded] is not supported

    { "error": "Content-Type header [application/x-www-form-urlencoded] is not supported& ...

  9. ServiceStack.Redis的源码分析(连接与连接池)

    前几天在生产环境上redis创建连接方面的故障,分析过程中对ServiceStack.Redis的连接创建和连接池机制有了进一步了解.问题分析结束后,通过此文系统的将学习到的知识点整理出来. 从连接池 ...

  10. [LeetCode]1295. 统计位数为偶数的数字

    给你一个整数数组 nums,请你返回其中位数为 偶数 的数字的个数. 示例 1: 输入:nums = [12,345,2,6,7896] 输出:2 解释: 12 是 2 位数字(位数为偶数)  345 ...