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

    你可能感兴趣的文章
    npm run build部署到云服务器中的Nginx(图文配置)
    查看>>
    npm run dev 和npm dev、npm run start和npm start、npm run serve和npm serve等的区别
    查看>>
    npm run dev 报错PS ‘vite‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
    查看>>
    npm scripts 使用指南
    查看>>
    npm should be run outside of the node repl, in your normal shell
    查看>>
    npm start运行了什么
    查看>>
    npm WARN deprecated core-js@2.6.12 core-js@<3.3 is no longer maintained and not recommended for usa
    查看>>
    npm 下载依赖慢的解决方案(亲测有效)
    查看>>
    npm 安装依赖过程中报错:Error: Can‘t find Python executable “python“, you can set the PYTHON env variable
    查看>>
    npm.taobao.org 淘宝 npm 镜像证书过期?这样解决!
    查看>>
    npm—小记
    查看>>
    npm上传自己的项目
    查看>>
    npm介绍以及常用命令
    查看>>
    NPM使用前设置和升级
    查看>>
    npm入门,这篇就够了
    查看>>
    npm切换到淘宝源
    查看>>
    npm切换源淘宝源的两种方法
    查看>>
    npm前端包管理工具简介---npm工作笔记001
    查看>>
    npm包管理深度探索:从基础到进阶全面教程!
    查看>>
    npm升级以及使用淘宝npm镜像
    查看>>