博客
关于我
超详细!Flutter安装教程&Flutter进阶学习笔记(全)
阅读量:610 次
发布时间:2019-03-12

本文共 1440 字,大约阅读时间需要 4 分钟。

前言

或许还有很多搞移动开发的朋友还没有安装Flutter,或者是不知道怎么安装,现在我给大家分享一篇大佬整理的超详细的Flutter安装入门教程。

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。我本人也是非常安好Flutter,所以也进入到了Flutter学习行列啦。今天主要讲一下Flutter的安装,具体包括:

1. Flutter需要配置的工具

2. Flutter SDK下载
3. Flutter环境变量的配置
4. 插件安装(Flutter与Dart)
5. 创建一个Flutter项目


Flutter工具配置

在开始下载Flutter之前,我们需要确保已经配置好了开发工具。Flutter主要支持Windows、Mac和Linux操作系统下常用的开发环境,比如Android Studio。此外,为了克lonethe Flutter源码,我们还需要安装Git。

1. Git安装

下载Git CLI工具,安装完成后可以通过终端使用Git命令克隆Flutter的源代码仓库。

2. Android Studio安装

作为一款功能强大的移动开发工具,Android Studio是Flutter开发的理想选择。下载地址:https://developer.android.google.cn/studio/


Flutter SDK下载

接下来,我们需要下载Flutter的开发环境。通过Git克隆仓库下载,确保路径是全英文路径(无空格)。

在命令行工具中,执行以下命令:

git clone -b master https://github.com/flutter/flutter.git

克隆完成后,可以找到 cloned文件夹。你也可以选择下载镜像文件进行安装。


环境变量配置

在Windows系统中,环境变量配置的步骤如下:

  • 右键点击“我的电脑”——属性——高级系统设置——环境变量。
  • 在路径(Path)下双击,分开添加Flutter SDK的安装路径,按顺序使用分号分隔。
  • 执行完成后,重新启动命令行工具,输入以下命令验证Flutter是否安装成功:

    flutter --version

    插件安装(Flutter与Dart)

    进入Android Studio,通过以下步骤安装Flutter插件:

  • 文件(File)——设置(Settings)——插件(Plugins)。
  • 在市场中搜索并安装Flutter插件。
  • 同理,安装Dart插件也是必不可少的。安装完成后,可以接触到Flutter和Dart的开发环境。


    创建一个Flutter项目

    在Android Studio中,进入文件(File)——新建项目(New Flutter Project)。

    输入项目的基本信息,比如项目名、引擎或是选项,如果不熟悉可以选择默认设置。创建完成后,可以立即进入Flutter开发。


    通过以上步骤,你已经成功安装并配置好了Flutter开发环境。接下来可以开始创建你的第一个Flutter应用啦。


    Flutter进阶学习笔记

    我除了安装教程,还准备分享一套Flutter的学习资料。点击下方链接获取详细的学习大纲。

    Flutter学习资料

    快来一起探索Flutter这个充满可能的世界吧!

    转载地址:http://pxxxz.baihongyu.com/

    你可能感兴趣的文章
    nsis 安装脚本示例(转)
    查看>>
    NSJSON的用法(oc系统自带的解析方法)
    查看>>
    nslookup 的基本知识与命令详解
    查看>>
    NSNumber与NSInteger的区别 -bei
    查看>>
    NSOperation基本操作
    查看>>
    NSRange 范围
    查看>>
    NSSet集合 无序的 不能重复的
    查看>>
    NSURLSession下载和断点续传
    查看>>
    NSUserdefault读书笔记
    查看>>
    NS图绘制工具推荐
    查看>>
    NT AUTHORITY\NETWORK SERVICE 权限问题
    查看>>
    NT symbols are incorrect, please fix symbols
    查看>>
    ntelliJ IDEA 报错:找不到包或者找不到符号
    查看>>
    NTFS文件权限管理实战
    查看>>
    ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
    查看>>
    ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
    查看>>
    ntp server 用法小结
    查看>>
    ntpdate 通过外网同步时间
    查看>>
    ntpdate同步配置文件调整详解
    查看>>
    NTPD使用/etc/ntp.conf配置时钟同步详解
    查看>>