博客
关于我
超详细!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如何清空缓存并重新打包?
    查看>>
    npm学习(十一)之package-lock.json
    查看>>
    npm安装 出现 npm ERR! code ETIMEDOUT npm ERR! syscall connect npm ERR! errno ETIMEDOUT npm ERR! 解决方法
    查看>>
    npm安装crypto-js 如何安装crypto-js, python爬虫安装加解密插件 找不到模块crypto-js python报错解决丢失crypto-js模块
    查看>>
    npm安装教程
    查看>>
    npm报错Cannot find module ‘webpack‘ Require stack
    查看>>
    npm报错Failed at the node-sass@4.14.1 postinstall script
    查看>>
    npm报错fatal: Could not read from remote repository
    查看>>
    npm报错File to import not found or unreadable: @/assets/styles/global.scss.
    查看>>
    npm报错unable to access ‘https://github.com/sohee-lee7/Squire.git/‘
    查看>>
    npm淘宝镜像过期npm ERR! request to https://registry.npm.taobao.org/vuex failed, reason: certificate has ex
    查看>>
    npm版本过高问题
    查看>>
    npm的“--force“和“--legacy-peer-deps“参数
    查看>>
    npm的安装和更新---npm工作笔记002
    查看>>
    npm的常用配置项---npm工作笔记004
    查看>>
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    npm编译报错You may need an additional loader to handle the result of these loaders
    查看>>
    npm设置淘宝镜像、升级等
    查看>>
    npm设置源地址,npm官方地址
    查看>>
    npm设置镜像如淘宝:http://npm.taobao.org/
    查看>>