参考官网
MAC版本:10.12.4
Xcode环境:7.0.0不合适没有处理
AndroidSDK version29.0.0

配置环境

  1. 命令:open .bash_profile打开配置文件。
  2. 添加:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 下载sdk

创建文件夹FlutterSDK
切换到FlutterSDK目录下运行:git clone -b master https://github.com/flutter/flutter.git
运行:./flutter/bin/flutter --version

  1. 运行命令: flutter doctor
    在这里插入图片描述
  2. 配置文件添加
export PATH=${PATH}:/Users/mac/FlutterSDK/flutter/bin:PATH
  1. 打开vscode下载安装Flutter插件

在这里插入图片描述

创建项目

  1. 切换到项目目录下view -> Command Palette ,输入Flutter-> NewProject,然后输入项目名称(小写),选择项目路径。这期间需要设置之前下载好的SDK路径,之后重启。
    在这里插入图片描述
    在这里插入图片描述

运行项目

  1. 先启动Android模拟器,然后执行Debug > Start Debugging
    如果运行成功但是页面内容显示空白,就在TERMINAL中输入flutter run,运行正常显示。
    在这里插入图片描述
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐