iOS自学Flutter的经历

716 阅读1分钟

IOS开发自学Flutter的历程

本人为iOS开发,使用的为Mac开发环境,以下只为自学的记录,不做其他用途

参考网站 Flutter中文网

首先下载sdk下载地址

1.下载后为zip压缩包,解压到你想安装的目录

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

2.配置环境变量(即国内镜像地址)

1. 首先打开终端,cd到sdk目录下

执行vim ~/.bash_profile
在其中添加下面的地址

export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=你SDK的地址/flutter/bin:$PATH

2. 保存退出后执行

flutter doctor

执行后会告诉你是否配置成功,像我的Mac,因为做过iOS开发,所以Xcode和一些brew和pod环境已经装好了。 执行后的结果为

[✓] Flutter (Channel stable, v1.17.3, on Mac OS X 10.14.6 18G84, locale
zh-Hans-CN)
[✗] Android toolchain - develop for Android devices
✗ Unable to locate Android SDK.
  Install Android Studio from:
  https://developer.android.com/studio/index.html
  On first launch it will assist you in installing the Android SDK
  components.
  (or visit https://flutter.dev/docs/get-started/install/macos#android-setup
  for detailed instructions).
  If the Android SDK has been installed to a custom location, set
  ANDROID_SDK_ROOT to that location.
  You may also want to add it to your PATH environment variable.


[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[!] Android Studio (not installed)
[✓] VS Code (version 1.46.1)
[✓] Connected device (1 available)

表示我有iOS开发环境和VScode的开发工具。(其中的安卓暂不考虑,学习完后在安装环境打包),缺啥环境可以去百度自学查找

3.打开VS code

打开vscode后,首先在左侧的扩展中添加dart 和 flutter的插件, 其后在下面的终端中执行

flutter create first_app

可以选择一个目录,不用和sdk在一个目录

创建完成后open这个项目,然后打开iOS的模拟器,执行

flutter run

即可运行项目了!

以下为本人开发中遇到的问题收集