博客
关于我
超详细!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/

    你可能感兴趣的文章
    NodeJs——(11)控制权转移next
    查看>>
    NodeJS、NPM安装配置步骤(windows版本)
    查看>>
    NodeJS、NPM安装配置步骤(windows版本)
    查看>>
    nodejs下的express安装
    查看>>
    nodejs与javascript中的aes加密
    查看>>
    nodejs中Express 路由统一设置缓存的小技巧
    查看>>
    nodejs中express的使用
    查看>>
    Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
    查看>>
    Nodejs中的fs模块的使用
    查看>>
    NodeJS使用淘宝npm镜像站的各种姿势
    查看>>
    NodeJs入门知识
    查看>>
    nodejs包管理工具对比:npm、Yarn、cnpm、npx
    查看>>
    NodeJs单元测试之 API性能测试
    查看>>
    nodejs图片转换字节保存
    查看>>
    nodejs在Liunx上的部署生产方式-PM2
    查看>>
    nodejs基于art-template模板引擎生成
    查看>>
    nodejs字符与字节之间的转换
    查看>>
    NodeJs学习笔记001--npm换源
    查看>>
    NodeJs学习笔记002--npm常用命令详解
    查看>>
    nodejs学习笔记一——nodejs安装
    查看>>