Flutter 开发环境搭建

先贴个官方文档, 想要看官方教程的请进 Flutter 中文网

Flutter

Flutter 是谷歌的移动 UI 框架,可以快速在 iOS 和 Android 上构建高质量的原生用户界面。
Flutter 可以与现有的代码一起工作。
在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter 是完全免费、开源的

Flutter 安装

  • 系统要求

    • 操作系统: Windows 7 或更高版本 (64-bit)
    • 磁盘空间: 400 MB (不包括 Android Studio 的磁盘空间).
    • 装好 git
  • 配置镜像, Flutter 可能会需要下载某些插件, 但国内访问 Flutter 会受到限制, 所以使用国内的镜像

    • 将以下路径配置到环境变量中

      变量名 变量值
      PUB_HOSTED_URL https://pub.flutter-io.cn
      FLUTTER_STORAGE_BASE_URL https://storage.flutter-io.cn
  • 获取 Flutter SDK

    个人推荐使用 git 下载, 因为直接下载解压包的可能还会要初始化 git, 而且还是会有问题

    git clone git@github.com:flutter/flutter.git
    

    温馨提示: 下载速度不确定, 请准备好大量时间

    下载完成后, 请在环境变量中配置 Path, Path 值是到你 flutter 的文件夹的 bin 目录, 如下

    D:\Installs\Flutter\flutter\bin
    
  • 执行 Flutter doctor 检查配置

    • 这一步会提示我们需要 AndroidSDK, 安装 AndroidStudio 即可
  • 下载 AndroidStudio

    • AndroidStudio 官网

    • 无法访问的请百度自行搜索国内资源

    • 下载好后打开 AndroidStudio, 点击右下方 Configure 中的 SDK Manager, 如图

    在这里插入图片描述

    • 之后进入 sdk 设置路径, 确认 SDK Platforms 勾选了一个版本, 然后点击 SDK Tools 确保 Android SDK Tools 被勾选(如果看不到这项请先取消勾选右下方 Hide Obsolete Packages), 如图

      在这里插入图片描述

  • 现在我们需要一个模拟器, 去下载一个手机模拟器吧!

  • 一切 OK 的话, 请继续

    • 在命令行中执行以下命令

      flutter doctor
      

      可能会需要等待一段时间 ( 准备好瓜子饮料 o(´^`)o )

      如果出现 Android license status unknown, 请在命令行输入以下命令, 可能会有一些提示叫我们选择 Y/N, 一律 Y 即可

      flutter doctor --android-licenses
      

      可能会需要等待一段时间 ( 准备好瓜子饮料, 不等待是不可能的, 哈哈 o(´^`)o )

  • 以上步骤执行完成后 再次在命令行中执行 flutter doctor 查看下状态

    如图, 红框内的都打钩表示已完成环境的搭建

    在这里插入图片描述

    至于下面三项, 依次是 AndroidStudio 插件安装, VS Code 插件安装, 和模拟器是否已经开启
    我因为用的是 VS Code, 所以没有去配置 AS, 至于插件的下载, 请自行百度

到此, 优秀的你已经把 Flutter 的开发环境配置好了, 开发工具的话, 我这里推荐 AndroidStudio ( AS ) 和 VS Code ( VS )

白 (^_−)☆

发布了6 篇原创文章 · 获赞 0 · 访问量 108
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览