Flutter环境搭建、运行gallary项目

简介: Flutter环境搭建、运行gallary项目

Flutter环境搭建、运行gallary项目

主体步骤

1、从github clone flutter的sdk,

git clone -b beta https://github.com/flutter/flutter.git

具体步骤参照官方文档。https://flutter.io/get-started/install/

2、配置环境变量
zsh用户配置~/.zshrc文件,添加进环境变量。如下所示。
前两个是国内用户配置的镜像地址,第三个第四个是刚才clone下来的项目的文件目录,具体到bin目录下。

//flutter
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PWD=/Users/XXX/flutter/bin
export PATH="${PWD}:${PATH}"

配置完成之后,刷新终端。

使用echo $PATH命令查看环境变量是否配置成功。

3、使用flutter doctor命令来执行Flutter的安装程序了。这里贴上我执行完doctor命令之后的诊断信息,如下所示:

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.9.4, on Mac OS X 10.13.6 17G2208, locale en-CN)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.2)
! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[!] iOS toolchain - develop for iOS devices
✗ Xcode installation is incomplete; a full installation is necessary for iOS development.
Download at: https://developer.apple.com/xcode/download/
Or install Xcode via the App Store.
Once installed, run:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
✗ libimobiledevice and ideviceinstaller are not installed. To install, run:
brew install --HEAD libimobiledevice
brew install ideviceinstaller
✗ ios-deploy not installed. To install:
brew install ios-deploy
✗ CocoaPods not installed.
CocoaPods is used to retrieve the iOS platform side's plugin code that responds to your plugin usage on the Dart side.
Without resolving iOS dependencies with CocoaPods, plugins will not work on iOS.
For more info, see https://flutter.io/platform-plugins
To install:
brew install cocoapods
pod setup
[✓] Android Studio (version 3.1)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.28.2)
[!] Connected devices
! No devices available

! Doctor found issues in 4 categories.

总结一下,关键信息如下:

  • Flutter的版本号及相关信息。
  • Android工具链信息,Android SDK 版本等。
  • IOS工具链信息,xcode等相关工具需要安装。
  • Android Studio相关信息,需要安装Flutter和Dart插件。
  • VS Code相关信息。
  • 已连接的设备信息:无。

这里给出的提示很详细,均提供了对应的解决方式,根据提示去逐步安装即可。

4、Android Studio插件安装失败。
需要更新Android Studio到最新版,然后再手动安装Dart和flutter插件。

  • 去官网下载最新版的Andorid Studio,这里是3.2.1,下载完成之后覆盖安装。
  • 下载与Android Studio兼容的Dart插件。

5、运行代码:下载一个IntelliJ,然后打开项目
项目根目录为 ../flutter/examples/flutter_gallary
错误解决:pubspec.yaml中,版本号不匹配

Running "flutter packages get" in flutter_gallery...            
Because flutter_gallery depends on flutter_driver any from sdk which depends on source_maps 0.10.7, source_maps 0.10.7 is required.
So, because flutter_gallery depends on source_maps 0.10.8, version solving failed.

pub get failed (1)
Process finished with exit code 1

解决方式:切换到beta分支即可。

git checkout -b beta origin/beta

参考

官方文档
github地址
插件开发,引用插件报plugin “XXX”is incompatible with this installation
玉刚说

相关文章
|
2月前
|
设计模式 前端开发 测试技术
Flutter 项目架构技术指南
探讨Flutter项目代码组织架构的关键方面和建议。了解设计原则SOLID、Clean Architecture,以及架构模式MVC、MVP、MVVM,如何有机结合使用,打造优秀的应用架构。
Flutter 项目架构技术指南
|
4月前
|
机器学习/深度学习 Java Android开发
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
记录一个Flutter运行的异常FAILURE: Build failed with an exception. What went wrong: A problem occurred config
51 0
|
7月前
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
57 0
|
7月前
|
Dart Android开发
Flutter | vscode运行Flutter疑难杂症
本来今天更新Stable Diffusion最后一个教程的,但是今天在开发中遇到了一个问题。
Flutter | vscode运行Flutter疑难杂症
|
7月前
|
Dart 编译器 开发工具
Flutter | windows使用vscode创建并使用夜神模拟器运行flutter
开发Flutter如果使用Android studio并运行,编译器加上虚拟机基本上直接占用2个多G内存,对于16G内存的电脑来说,压力还是有点大的。所以如果使用vscode开发是不是好很多,而且还用的顺手。
179 0
|
9月前
|
测试技术 数据库 Android开发
Flutter系列文章-实战项目
在本篇文章中,我们通过一个简单的天气应用示例,综合运用了最近学到的知识,包括保存到数据库、进行 HTTP 请求等。通过这个实战项目,你可以更加深入地了解 Flutter 应用的开发流程,并掌握实际项目中的常用技术和最佳实践。
177 0
Flutter系列文章-实战项目
|
10月前
|
开发框架 Dart 开发工具
使用Flutter开发一套可同时运行在Android和iOS平台的代码
Flutter是一种跨平台移动应用开发框架,它允许开发者使用单一代码库构建高性能、美观且可在多个平台上运行的应用程序。本文将介绍如何使用Flutter开发一套同时适用于Android和iOS平台的代码。
|
10月前
|
iOS开发 Perl
将Flutter引入到现有项目中(iOS+Flutter)
将Flutter引入到现有项目中(iOS+Flutter)
|
存储 算法 Linux
通过Flutter实现在多端运行的扫雷游戏
当我们回忆起小时候的经典电脑游戏,扫雷一定是其中之一。这个简单而富有挑战的游戏不仅考验我们的智力和耐性,而且在完成后还会让我们感到一种无与伦比的成就感。现在,您可以使用Flutter来重新体验这个经典游戏,无论您是Flutter新手还是老手,都能通过本文,让您在Flutter的世界中开发出一个令人满意的扫雷游戏。
通过Flutter实现在多端运行的扫雷游戏
|
开发工具 Android开发 iOS开发
给Flutter项目添加.gitignore文件以及如何修改.gitignore文件并生效
flutter项目的开发,一般来说都是与原生开发混合进行的,单纯的flutter开发局限性很大,需要与原生进行配合。