flutter环境搭建

219 阅读2分钟

flutter环境搭建总结

这篇文章是flutter的初篇-flutter开发环境搭建,在搭建的过程中我也遇到了很多坑希望。

环境搭建

参考链接

  1. windows
  • 安装flutter SDK
    1. 下载flutterSDK
    2. 解压配置环境变量
    • 使用镜像

      • 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境变量加入到环境变量中:
      • 变量名变量值
        PUB_HOSTED_URLpub.flutter-io.cn
        FLUTTER_STORAGE_BASE_URLstorage.flutter-io.cn
    • 系统环境变量配置

      • 解压项目路径/flutter/bin 添加到系统变量的path中
    • 运行测试flutter

      • flutter doctor 会进行对flutter开发的依赖项进行安装 这个过程比较慢 希望大家耐心等待
      • flutter doctor会价差环境并在端口中显示报告,这些“X”解决完我们的环境就安装成功了
  1. macos

    1. IOS需要安装Xcode, 我们需要Xcode中提供的IOS模拟器(打开Xcode,右上角点击Xcode - Open Developer Tools - Simulator)
      1. 下载flutterSDK
    2. 解压配置环境变量
    • macos或者linux系统需要编辑~/.bash_profile文件 (zsh的配置 ~/.zshrc文件)
      • export PUB_HOSTED_URL=https://pub.flutter-io.cn (国内用户需设置)
      • export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn (国内用户需设置)
      • export PATH=解压项目路径/flutter/bin //pwd 放的是flutter文件路径 例如/Users`
      • source ~/.bash_profile
    1. 运行 flutter --version 显示图片成功
    1. 运行测试flutter
      • flutter doctor 会进行对flutter开发的依赖项进行安装 这个过程比较慢 希望大家耐心等待
      • flutter doctor会价差环境并在端口中显示报告,这些“X”解决完我们的环境就安装成功了
  2. 安装配置Android环境

    • 如果想为Flutter配置Android开发环境,需要在我们的电脑上安装一个Android Studio

    • 安装好以后,我们就可以去创建模拟器:选择Configure - AVD Manger

    • 选择 Create Virtual Device 创建模拟器

    • 给自己的模拟器起名字

    • 在Android Studio中配置中安装Flutter和Dart插件 配置完成