Flutter学习第一步 环境安装

418 阅读2分钟

我这里有梯子,所以直接在官网下载的 flutter SDK

Flutter中文官网:flutterchina.club/setup-macos… 我是跟着这个来做环境安装的。

然后把中途遇到的问题记录到下面。

cd 到你想要解压的文件目录。

然后选择要解压的SDK

cd ~/development
unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

然后输入命令行:~/development/flutter/bin  替换为你的解压路径。 我的是:/Users/SSL/development/flutter/bin

export PATH=$PATH:/Users/SSL/development/flutter/bin

终端运行 flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.3, on macOS 12.2.1 21D62 darwin-arm, locale
zh-Hans-CN)
[✗] Android toolchain - develop for Android devices
**Unable to locate Android SDK.****Install Android Studio from:
****developer.android.com/studio/inde…
****On first launch it will assist you in installing the Android SDK
****components.
****(or visit flutter.dev/docs/get-st…
****for detailed instructions).
If the Android SDK has been installed to a custom location, please use
**`flutter config --android-sdk` to update to that location.
[!] Xcode - develop for iOS and macOS
**Xcode installation is incomplete; a full installation is necessary for iOS
development.
****Download at: developer.apple.com/xcode/downl…
****Or install Xcode via the App Store.
****Once installed, run:
****sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
****sudo xcodebuild -runFirstLaunch
**! **CocoaPods 1.9.3 out of date (1.10.0 is recommended).****CocoaPods is used to retrieve the iOS and macOS platform side's plugin
****code that responds to your plugin usage on the Dart side.
****Without CocoaPods, plugins will not work on iOS or macOS.
****For more info, see flutter.dev/platform-pl…
****To upgrade see
**guides.cocoapods.org/using/getti… for
instructions.
**[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] Connected device (1 available)
[!] HTTP Host Availability
**HTTP host maven.google.com/ is not reachable. Reason: An error
occurred while checking the HTTP host: Operation timed out

! Doctor found issues in 4 categories.

有三个错误

1.未安装Android Studio
2.需要设置默认Xcode
3.HTTP Host Availability

根据以上提示,首先安装Android Studio

安装完Android Studio,发现找不到Andriod SDK

去这里下载:tools.android-studio.org/index.php/s…

然后就是更新Cocopods。

然后再输入命令行:~/development/flutter/bin 替换为你的解压路径。

export PATH=$PATH:~/development/flutter/bin

终端运行 flutter doctor

[✗] Android toolchain - develop for Android devices
**Unable to locate Android SDK.****Install Android Studio from:
****developer.android.com/studio/inde…
****On first launch it will assist you in installing the Android SDK
****components.
****(or visit flutter.dev/docs/get-st…
****for detailed instructions).
****If the Android SDK has been installed to a custom location, please use
**`flutter config --android-sdk` to update to that location.

明明已经安装了Android SDK,但是还找不到

找到方法,执行 flutter config --android-sdk /Users/SSL/Library/Android/sdk/android-sdk-macosx

**然后再执行 flutter doctor 又报错。
**

HTTP host maven.google.com/ is not reachable. Reason: An error****occurred while checking the HTTP host: Operation timed out

解放方案在这里:blog.csdn.net/ouhuanquan/…

然后再执行:flutter doctor  就开始下载了。然后安装完成。

更新环境变量

  1. 确定您Flutter SDK的目录,您将在步骤3中用到。

  2. 打开(或创建) $HOME/.bash_profile. 文件路径和文件名可能在您的机器上不同.

  3. 添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径:

    export PUB_HOSTED_URL=pub.flutter-io.cn //国内用户需要设置 export FLUTTER_STORAGE_BASE_URL=storage.flutter-io.cn //国内用户需要设置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH

注意:PATH_TO_FLUTTER_GIT_DIRECTORY 为你flutter的路径,比如“~/document/code”

 export PATH=~/document/code/flutter/bin:$PATH

接下来根据官方文档设置号开发平台。

设置iOS模拟器

终端运行
open -a Simulator
然后
flutter run

运行 flutter run 终端报错。

Error: No pubspec.yaml file found.
This command should be run from the root of your Flutter project.

对嘛,需要有一个Flutter项目才能运行,

然后我创建了一个项目

cd到你放置项目的目录
然后 flutter create FlutterDemo(FlutterDemo改为项目名字)

终端抛出错误

"FlutterDemo" is not a valid Dart package name.
See https://dart.dev/tools/pub/pubspec#name for more information.

好嘛,原来是 项目名称需要全小写。

然后执行 flutter create flutterdemo 创建成功

然后cd到项目路径下 终端运行 flutter run 项目成功跑起来了。

安卓iOS设备安装,根据官网教程来即可