当前位置:首页 > 移动端开发 > 正文内容

FlutterApp实战·第01天:Flutter装置和装备

邻居的猫1个月前 (12-09)移动端开发436

Flutter装置文档:

  • 官方文档:https://docs.flutter.dev/get-started/install
  • 中文文档:https://flutter.cn/docs/get-started/install

Dart晋级

  • Dart装置参阅前面文章(Dart装置和初体验):https://ntopic.cn/p/2023092301
  • 后续学习咱们选用最新Flutter版别,因而主张晋级Dart最新版别(当时:3.2.0):brew upgrade dart
$ brew info dart
==> dart-lang/dart/dart: stable 3.2.0, HEAD
SDK
https://dart.dev
Conflicts with:
  dart-beta (because dart-beta ships the same binaries)
/usr/local/Cellar/dart/3.2.0 (1,022 files, 560.8MB) *
  Built from source on 2023-11-19 at 10:04:05
From: https://github.com/dart-lang/homebrew-dart/blob/HEAD/Formula/dart.rb
==> Options
--HEAD
  Install HEAD version
==> Caveats
Please note the path to the Dart SDK:
  /usr/local/opt/dart/libexec

VS Code装置

VS Code是免费的,支撑Flutter的研制、调试和运转,没有理由不运用它作为Flutter的研制IDE(IntelliJ IDEA十分强壮,惋惜是收费)。

下载和装置VS Code下载:

  • 首要经过官网下载VS Code:https://code.visualstudio.com/docs/?dv=win
  • 点击下载之后,发现下载速度很慢:右键仿制下载链接,然后把域名换成 “vscode.cdn.azure.cn”,从头经过浏览器翻开进行下载,速度杠杠的

VS Code装置成功之后,就进行Flutter装置和装备。

Flutter SDK装置

咱们能够从GitHub原始库房和Gitee镜像库房下载,因为我国拜访GitHub网速太慢,主张从Gitee镜像库房下载:

# 源代码目录 [/Users/obullxl/FlutterSpace]
$ cd /Users/obullxl/FlutterSpace

# Gitee下载 [引荐方法]
$ git clone -b stable https://gitee.com/mirrors/Flutter.git flutter

# GitHub下载 [网速或许较慢]
$ git clone -b stable https://github.com/flutter/flutter.git flutter

Flutter SDK有多个版别,如betamasterstable等,其间beta/master为开发分支,stable为安稳分支,主张运用安稳分支

  • 检查一切分支:flutter channel
  • 切换本地分支:flutter channel xxx
  • 检查当时版别:flutter --version
  • 晋级最新版别:flutter upgrade
  • 检测Flutter装备:flutter doctor
# 切换到Flutter源代码目录
$ cd /Users/obullxl/FlutterSpace/flutter

# 检查Flutter一切分支 [主张stable分支]
$ flutter channel
Flutter channels:
  master
  main
  beta
* stable

# 切换到stable分支
$ flutter channel stable

# 检查当时版别,因为我的Flutter是之前装置的版别[3.7.1]
$ flutter --version
Flutter 3.7.1 • channel stable • https://gitee.com/mirrors/Flutter.git
Framework • revision 7048ed95a5 (10 months ago) • 2023-02-01 09:07:31 -0800
Engine • revision 800594f1f4
Tools • Dart 2.19.1 • DevTools 2.20.1

# 晋级Flutter版别
$ flutter upgrade

# 再次检查Flutter版别,现已是终究版别[3.16.0]
$ flutter --version
Flutter 3.16.0 • channel stable • https://gitee.com/mirrors/Flutter.git
Framework • revision db7ef5bf9f (3 days ago) • 2023-11-15 11:25:44 -0800
Engine • revision 74d16627b9
Tools • Dart 3.2.0 • DevTools 2.28.2

# 检测Flutter装备状况
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[!] Flutter (Channel stable, 3.16.0, on macOS 12.6.7 21G651 darwin-x64, locale zh-Hans-CN)
    ! Warning: `dart` on your path resolves to
      /usr/local/Cellar/dart/3.1.2/libexec/bin/dart, which is not inside your current
      Flutter SDK checkout at /Users/obullxl/FlutterSpace/flutter. Consider adding
      /Users/obullxl/FlutterSpace/flutter/bin to the front of your path.
[!] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more
      details.
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] IntelliJ IDEA Ultimate Edition (version 2021.1.3)
[✓] VS Code (version 1.84.0)
[✓] Connected device (2 available)
[✓] Network resources

! Doctor found issues in 2 categories.

Flutter 库房装备

和Java编程需求装备Maven国内库房相同,Flutter也需求装备国内库房,不然拜访国外库房要么拜访不了,要么网速太慢。

在环境变量中,添加如下装备:

# 建软衔接 [便于后边统一管理]
$ cd /opt
$ sudo ln -s /Users/obullxl/FlutterSpace/flutter ./flutter

# 体系变量
$ sudo vi /etc/profile

# 添加内容
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

export FLUTTER_GIT_URL=https://gitee.com/mirrors/Flutter.git

export PATH=$PATH:/opt/flutter/bin

# 收效环境变量
$ source /etc/profile

最终

至此,Flutter装置和装备现已完成了,接下来咱们就经过VS Code编写Flutter App了!


我的本博客原地址:https://ntopic.cn/p/2023112001


扫描二维码推送至手机访问。

版权声明:本文由51Blog发布,如需转载请注明出处。

本文链接:https://www.51blog.vip/?id=496

分享给朋友:

“FlutterApp实战·第01天:Flutter装置和装备” 的相关文章

Flutter将视频或图文共享到抖音

Flutter将视频或图文共享到抖音

如安在 Flutter 中共享视频到抖音 话不多说,先上作用: 原理 发布内容至抖音 H5 场景_移动/网站运用_抖音敞开渠道 (open-douyin.com) 本教程没有接入抖音原生 SDK 以及任何第三方插件,运用抖音的 h5 共享接口合作 url_launcher 插件完成跳转至抖音共享页面...

flutter增加webview功用之后报错 webview_flutter包 Dependency 'androidx.webkit:webkit:1.8.0' requires libraries and applications  Dependency 'androidx.browser:browser:1.6.0' requires libraries and applications

flutter增加webview功用之后报错 webview_flutter包 Dependency 'androidx.webkit:webkit:1.8.0' requires libraries and applications Dependency 'androidx.browser:browser:1.6.0' requires libraries and applications

在项目开发中需求增加webview,加载内置的html文件,代码写完后ios运转没有问题,运转安卓时报错,过错提示如下: FAILURE: Build failed with an exception. * What went wrong: Execution failed for task '...

手机开发工具,助力开发者高效打造移动应用

手机开发工具,助力开发者高效打造移动应用

1. Android Studio:这是Google官方提供的Android应用开发工具,基于IntelliJ IDEA。它提供了代码编辑、调试、性能分析等功能,并支持Android SDK和Google Play服务。2. Xcode:这是Apple官方提供的iOS应用开发工具,用于开发macOS...

鸿蒙公司,引领智能生态新潮流

鸿蒙公司,引领智能生态新潮流

鸿蒙公司实际上是华为公司旗下的一个项目,具体指的是华为自主研发的操作系统HarmonyOS(鸿蒙系统)。以下是关于鸿蒙系统的一些详细信息:1. 鸿蒙系统的背景和发布: 华为鸿蒙系统(HUAWEI HarmonyOS)是华为公司于2019年8月9日在华为开发者大会(HDC.2019)上正式发布的...

手机麻将app制作开发,手机麻将APP制作开发全攻略

手机麻将app制作开发,手机麻将APP制作开发全攻略

制作开发手机麻将APP是一个复杂的过程,涉及多个方面,包括游戏设计、开发、测试、发布和维护。下面是制作开发手机麻将APP的一些基本步骤:1. 需求分析: 确定目标用户群体。 确定游戏类型(如四川麻将、广东麻将等)和规则。 确定游戏模式(如单机、联机、在线对战等)。 确定盈利模...

鸿蒙元仙,探寻鸿蒙元仙的奇幻世界

鸿蒙元仙,探寻鸿蒙元仙的奇幻世界

《鸿蒙元仙》是一部由莫问前缘创作的仙侠类型网络小说。小说情节跌宕起伏、扣人心弦,主要讲述了主角在修仙道路上的经历和成长。以下是关于《鸿蒙元仙》的一些详细信息:1. 作者:莫问前缘。2. 简介:小说通过“琉璃伞罗撑万界,三口古剑斩诸天。修来永寿不灭体,证就鸿蒙第一仙”的描述,展现了主角在修仙世界中的传...