博客
关于我
超详细!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实现跨域的方法( 4种 )
    查看>>
    nodejs封装http请求
    查看>>
    nodejs常用组件
    查看>>
    nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
    查看>>
    Nodejs异步回调的处理方法总结
    查看>>
    NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
    查看>>
    nodejs支持ssi实现include shtml页面
    查看>>
    Nodejs教程09:实现一个带接口请求的简单服务器
    查看>>
    nodejs服务端实现post请求
    查看>>
    nodejs框架,原理,组件,核心,跟npm和vue的关系
    查看>>
    Nodejs概览: 思维导图、核心技术、应用场景
    查看>>
    nodejs模块——fs模块
    查看>>
    Nodejs模块、自定义模块、CommonJs的概念和使用
    查看>>
    nodejs生成多层目录和生成文件的通用方法
    查看>>
    nodejs端口被占用原因及解决方案
    查看>>
    Nodejs简介以及Windows上安装Nodejs
    查看>>
    nodejs系列之express
    查看>>
    nodejs系列之Koa2
    查看>>
    Nodejs连接mysql
    查看>>
    nodejs连接mysql
    查看>>