关于flutter:Mac搭建FlutterDart开发环境

45次阅读

共计 3019 个字符,预计需要花费 8 分钟才能阅读完成。

1 下载 Flutter SDK

https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
举荐下载 Stable channel, 即稳定版

2 解压 SDK

把下载好的 Flutter SDK 轻易解压到你想装置 SDK 的目录, 比方

查看以后渠道

flutter channel

可应用以下命令切换渠道

flutter channel master
flutter upgrade

如果遇到报错
git: Aborting Switching channels failed with error code 1.

cd 到 flutter 装置目录, 执行

git checkout .

而后从新执行

flutter channel master
flutter upgrade

可能两头会失败几次, 多试几次就能够了

3 装置 Dart

Dart 官网 https://dart.dev/get-dart

装置 Homebrew

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

装置 dart
 brew tap dart-lang/dart
 brew install dart

如果报错
Error: An exception occurred within a child process: DownloadError: Failed to download resource “dart” Download failed: https://storage.googleapis.com/dart-archive/channels/stable/release/2.7.2/sdk/dartsdk-macos-x64-release.zip

解决办法
依据报错外面的地址, 手动下载, 而后解压放到

/usr/local/Homebrew/dart-sdk

4 配置环境变量

把 Flutter 和 Dart 装置目录的 bin 目录配置到环境变量,而后把 Flutter 国内镜像也配置到环境变量外面

vim ~/.bash_profile

增加以下内容

# >>> flutter init >>>
export PATH=~/Development/flutter/bin:$PATH
export FLUTTER_ROOT=~/Development/flutter

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

# >>> dart init >>>
export DART_HOME=~/Development/flutter/bin/cache/dart-sdk/bin
export PATH="${DART_HOME}:${PATH}"
# >>> dart init >>>

注: ~/Development/flutter 是步骤 2 中解压的 SDK 的寄存门路

使内容失效

source ~/.bash_profile

输出

flutter -h

如果能进去一些命令阐明 flutter sdk 配置胜利。
留神如果配置实现后输出 flutter -h 通知你 flutter 不是内置命令之类的谬误的话,可能 sdk 没有配置胜利,也可能 sdk 下载的时候没有下载全

5 别离执行上面命令

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

brew update

brew install --HEAD libusbmuxd

brew link libusbmuxd

brew install --HEAD libimobiledevice

brew install ideviceinstaller

brew install ios-deploy

brew install cocoapods

pod setup

可能在运行 brew install –HEAD libimobiledevice 会报错, 多试几次就胜利了, 如果还是不胜利, 能够换成上面的命令

brew install libimobiledevice

6 装置 Android SDK

能够本人下载 SDK 装置, 也能够通过 Android Studio 装置, 这里举荐用 Android Studio 来装置, 后续也不便查看我的项目代码

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

装置完后, 关上, 依据提醒装置好相应的 SDK 即可

7 检测是否配置实现

flutter doctor

如果呈现下图, 就是配置胜利

如果呈现报错 Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.

关上 Android Studio -> Preference -> 搜寻框搜寻 SDK -> Android SDK -> SDK Tools -> 勾选 Android SDK Command-line Tools(latest) -> OK

期待下载完即可, 而后从新执行 flutter doctor 执行测验

如果装置的 Flutter SDK 是 2.10, 则会报错 HTTP Host Availability HTTP host https://maven.google.com/ is not reachable. Reason: An error occurred while checking the HTTP host: Operation timed out

解决办法

1 找到 flutter sdk 的文件目录,关上 flutter\packages\flutter_tools\lib\src\http_host_validator.dart

2 将 https://maven.google.com/ 批改为 https://dl.google.com/dl/andr…

3 敞开终端,从新关上终端

4 去到 flutter sdk 的文件目录, 找到 bin 目录,删除 cache 文件夹

5 在终端从新运行 flutter doctor, 问题解决。

8 命令行工具生成 Flutter 我的项目

flutter create flutterdemo

9 批改 Flutter Sdk 目录的权限以及我的项目的权限

sudo chmod -R 777 /Users/darren/Development/flutter (Flutter SDK 目录)
sudo chmod -R 777 /Users/darren/Desktop/VS Code projects/Flutter/flutterdemo (我的项目目录)

10 运行 iOS 我的项目

注: 关上我的项目之前肯定得先批改权限

Xcode 关上我的项目目录 -> ios -> Runner.xcodeproj -> Command + R 运行

11 VS Code 中装置 Flutter 插件 Dart 插件

装置 VS Code https://code.visualstudio.com/

设置 -> Extensions -> 搜寻并装置 Flutter 插件 Flutter Widget Snippets 插件 Dart 插件

12 用 VS Code 运行

关上 flutter 我的项目进行开发, 执行

flutter run

正文完
 0