Flutter系列之环境搭建

作者: i校长 | 来源:发表于2019-01-19 15:18 被阅读87次

图片来源于官网。

前言

Flutter 1.0 正式版发布,Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。官方还创建了Flutter中文社区,从未见过如此用心,相信在不久的将来,一定有它的用武之地,来跟我一起研究,一起探讨,走起。

环境搭建

下载

不啰嗦,给你提供最简单的下载SDK的方案,不用梯子,点击即可跳转下载:
MAC URL
WINDOWS URL
GITHUB URL 包含了目前所有的版本,想下载特定版本请点此链接。
下载完后解压。

安装

解压到任何你想要的目录,然后pwd获取Flutter的bin目录路径,再配置环境变量
MAC版配置:
one step

vim ~/.bash_profile

two step

export PATH=$PATH: ${'替换自己的目录'}/flutter/bin 

three step

source ~/.bash_profile

then step

flutter doctor
doctor result

在运行完flutter doctor命令后,如图看到什么信息?

  • 没有发现IOS devices,因为我没装xcode
  • Android Studio Flutter 插件没有安装 Dart语言插件也没有安装

插件安装

...... 不用多说了,相信你装的插件比我吃的盐都多,开个玩笑哈😄,有一点需要说明下,装Flutter插件会自动下载Dart插件,不用两个都下哦,直接下载Flutter就行。Look


flutter plugin install

体验项目

安装完插件后需要重启下studio,再次启动的时候你就可以点如下图片中的按钮来创建flutter项目了


start a new flutter project

好了,本次到此为止,下次正式进入Flutter项目实践学习阶段。

相关文章

  • 日常记录

    2019年1月29日flutter环境搭建 参考这篇文章《Flutter之Windows环境搭建》注意这点,fl...

  • Flutter系列之环境搭建

    图片来源于官网。 前言 Flutter 1.0 正式版发布,Flutter 是 Google 用以帮助开发者在 i...

  • Flutter.1.基础搭建

    一. flutter环境搭建 环境搭建跟着搭建flutter走. 问题 在执行flutter docter 的时候...

  • iOS中RN与Flutter混合开发

    一 搭建环境 1. 搭建flutter环境 1.1 搭建系统开发环境 参考链接:https://flutter....

  • Flutter环境搭建

    Flutter环境搭建这里只介绍在macOS中Flutter的环境搭建,如需了解windows下的Flutter开...

  • Flutter开发环境搭建

    补一篇Windows搭建Flutter开发环境,由于Flutter发展很快,现在环境搭建也简单很多,Flutter...

  • sharesdk flutter集成从零指南

    Flutter环境搭建可以看下:Flutter环境搭建介绍flutter 使用的工具是VSCode 一 创建一个f...

  • Flutter:从入门到实战

    一,系列文章 1. Flutter环境搭建[https://mp.weixin.qq.com/s?__biz=Mz...

  • Flutter开发准备

    Flutter开发准备 Flutter 介绍 Flutter 环境搭建 Flutter开发工具 Flutter 介...

  • android flutter 文章汇总

    flutter环境搭建flutter填坑flutter 技术专辑flutter 开发web应用flutter 开发...

网友评论

    本文标题:Flutter系列之环境搭建

    本文链接:https://www.haomeiwen.com/subject/kmxzdqtx.html