欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

futter环境安装

程序员文章站 2022-03-13 12:28:59
...

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

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