博客列表 >futter环境安装

futter环境安装

哈
原创
2021年12月17日 10:28:482386浏览

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

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插件
  • 网络环境 需翻墙

window下安装安卓环境

  • JDK

  • Android Studio

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

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

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

  1. export PUB_HOSTED_URL=https://pub.flutter-io.cn
  2. 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路径

  1. Android toolchain - develop for Android devices
  2. 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
  1. google()
  2. mavenCentral()
  3. 修改成
  4. maven { url 'https://maven.aliyun.com/repository/goole' }
  5. maven { url 'https://maven.aliyun.com/repository/jcenter' }
  6. maven { url 'https://maven.aliyun.com/repository/public' }

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

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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议