Flutter 开发环境搭建及使用遇到的一些问题

Publish by https://www.leachchen.com/

官方中文网址:https://flutterchina.club/get-started/install/,里面有详细的使用教程

Windows Flutter Android Studio 开发环境搭建

  1. 电脑上要装有Git,没有装的可以去百度安装好

  2. 假设在D盘创建Flutter目录 D:\Flutter,电脑打开命令行进入该目录,并执行:git clone -b beta https://github.com/flutter/flutter.git

  3. 环境变量配置
    a. 在Path后面追加 D:\Flutter\flutter\bin;
    b. 添加环境变量PUB_HOSTED_URL,变量值:https://pub.flutter-io.cn
    c. 添加环境变量FLUTTER_STORAGE_BASE_URL,变量值:https://storage.flutter-io.cn

  4. 重启命令行以至环境变量生效,在命令行输入 flutter doctor,该命令会下载Dart及相关依赖

  5. 电脑安装 3.0或更高版本以上的Android Studio,然后在File->settings…->Plugins->Browse repositiories…里面搜索安装两个插件:
    a. Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等).
    b. Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等).

  6. 在File->settings…->Languages & Frameworks里面点击:
    a. Dart 选择 dart SDK路径D:\Flutter\flutter\bin\cache\dart-sdkFlutter
    b. Flutter 选择 Flutter SDK路径 D:\Flutter\flutter

创建应用

  1. 打开Android Studio 选择 File>New Flutter Project

  2. 选择 Flutter application 作为 project 类型, 然后点击 Next

  3. 输入项目名称 (如 myapp), 然后点击 Next

  4. 点击 Finish,等待Android Studio安装SDK并创建项目.

相关问题

1. 添加依赖失败问题

Error on line 6, column 5 of pubspec.yaml: A dependency may only have one source.
    sdk: flutter
    ^^^^^^^^^^^^^^
pub get failed (65)

解决方案: 注意 pubspec.yaml 文件添加依赖的内容,特别注意 sdk 对齐格式。如:

dependencies:
  flutter:
    sdk: flutter
  english_words: ^3.1.0
Leach Chen

Leach Chen

I am an Android developer.I will add description latter.