2019-11-19 Flutter 环境搭建

Flutter 环境搭建

1.操作系统

• macOS

2.安装Homebrew

• 终端执行以下命令

  /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  

3.安装Flutter SDK

• Flutter SDK地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
• 配置flutter 的环境变量 和镜像

  # Android Configuration
  export ANDROID_HOME=/Users/qxw7463/Library/Android/sdk
  PATH=$PATH:$ANDROID_HOME/build-tools
  PATH=$PATH:$ANDROID_HOME/platform-tools
  PATH=$PATH:$ANDROID_HOME/tools
  PATH=$PATH:$ANDROID_HOME/tools/bin/
  
  # Flutter
  export FLUTTER_HOME=/Users/qxw7463/flutter
  PATH=$PATH:$FLUTTER_HOME/bin:$PATH
  
  # Flutter mirror pub
  export PUB_HOSTED_URL=https://pub.flutter-io.cn
  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  
  # Dart (as part of Flutter)
  export DART_HOME=/Users/qxw7463/flutter/bin/cache/dart-sdk
  PATH=$PATH:$DART_HOME/bin:$PATH
  PATH=$PATH:/Users/qxw7463/.pub-cache/bin:$PATH
  
  

4.配置iOS 环境

• Appstore 下载 Xcode 11.2
• Mac self service -> Develop -> Xcode 11.2
• 下载链接: https://download.developer.apple.com/Developer_Tools/Xcode_11.2.1/Xcode_11.2.1.xip

5.配置Android 环境

• 下载安装
  官网地址: https://developer.android.google.cn/studio
• 命令行安装
  • step1 安装 Java8
  • step2 brew cask install android-studio
  • step3 brew cask install android-sdk

6.VS code 安装

• 下载安装
  官网地址：https://code.visualstudio.com/
• 命令行
  brew cask install visual-studio

7.执行 flutter doctor 检测安装是否完成

➜  mobile-docs git:(onboarding) ✗ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.9.6, on Mac OS X 10.13.6 17G65, locale en-US)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[✓] iOS toolchain - develop for iOS devices
[✓] Android Studio (version 3.3)
[✓] VS Code (version 1.30.2)
[!] Connected device

8.开发工具的选择

在学习Dart语言的时候、可选择 VSCode 比较轻量级
在学习flutter过程中、可选择Android Studio、因为各种集成使用起来比较方便，尤其是做插件开发

VS code 插件

• Awesome Flutter Snippets
• bloc
• Bloc Code Generator
• Bracket Pair Colorizer
• vscode-icons
• Rainbow Brackets
• Dart
• Flutter
• Chinese (Simplified) Language Pack for Visual Studio Code

Android studio

• Bloc Code Generator
• Dart
• Flutter

9.Windows 安装

参考：https://flutterchina.club/setup-windows/

10.其它学习资料链接

flutter: https://flutter.dev/docs
flutter china: https://flutterchina.club/setup-macos/
flutter API reference : https://api.flutter.dev/objcdoc/index.html
bloc: https://bloclibrary.dev/#/gettingstarted
tool: https://javiercbk.github.io/json_to_dart/
pub: https://pub.dev/
dart reference: https://api.dartlang.org/stable/2.0.0/dart-core/List-class.html
flutter go: https://github.com/alibaba/flutter-go