旺仔小糖

ios flutter开发环境搭建 2 years ago

flutter
1452个字符
共有267人围观

开发环境搭建

1,下载flutter sdk, 并把sdk的bin目录配置到$PATH

2,下载并安装Andriod Studio ,需要配置代理,然后会自动下载Android toolchain

3, 配置环境变量

# Android 环境变量
export ANDROID_HOME=/Users/scott/Library/Android/sdk
# Android 模拟器路径
export PATH=$PATH:$ANDROID_HOME/emulator
# Android tools 路径
export PATH=$PATH:$ANDROID_HOME/tools
# Android 平台工具 路径
export PATH=$PATH:$ANDROID_HOME/platform-tools

#flutter
export MY_FLUTTER=/Users/scott/flutter

export PATH=$MY_FLUTTER/bin:$PATH

接着就可以用flutter doctor检查安装环境是否ok了

4,安装依赖

  • 1, xcode安装: 直接在apple store安装即可,安装完后配置xcode命令行工具sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
  • 2, Android toolchain 安装

android studio偏好设置中搜索android sdk勾选需要安装的

5, 给android studio安装flutter插件

打开android studio的偏好设置,找到plugins,搜索flutter,安装人数最多的那个插件就是(会连着dart一起安装)

启动模拟器

方法1-xcode: 用xcode打开ios目录,然后点击左上角的start按钮,xcode就会开始编译,并用模拟器打开项目

方法2:用andriod studio打开:

方法3:终端打开模拟器open -a Simulator

用flutter创建app

方法1,从终端创建

flutter create my_app

方法2,用android studio创建

首先打开android studio,选择 file/new/new flutter project..

接着点击next

输入project name

最后点击create, 我们就会得到下面的工程目录:

如何启动项目

终端启动

直接cd到项目根目录,使用flutter run即可

andriod studio启动

1,打开上面创建的项目,项目入口文件是:lib/main.dart

2,选择模拟器(如果没有的话需要用device manager去下载)

3,点击右上角的run按钮就可以把项目跑起来

下面是模拟器成功run起来的样子