美文网首页
Flutter学习---环境搭建

Flutter学习---环境搭建

作者: Ted_Zhang578 | 来源:发表于2018-10-09 13:22 被阅读0次

之前就听说Flutter这个跨平台框架,一直想学习一下,现阶段手头事情不是很多,特意来学习一下!

Flutter是Google使用Dart语言开发的移动应用开发框架,使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序,并且在排版、图标、滚动、点击等方面实现零差异。


一,环境搭建:

1,下载Flutter SDK代码

git clone -b beta https://github.com/flutter/flutter.git

2,设置环境变量

打开.bash_profile,添加如下内容后保存:

export PATH=[克隆项目的目录]/flutter/bin:$PATH

然后更新.bash_profile,执行如下命令:

source .bash_profile

3,安装相关依赖

终端执行命令:flutter doctor

这个命令执行时间较长,耐心等待

二,配置开发IDE

Flutter可以用Android studio或者VS Code等IDE来开发项目,对于Android开发人员来说,对Android Studio再熟悉不过了,这里就说下Android Studio的配置

Flutter开发需要Dart和Flutter两个插件,也要求Android studio版本在3.0及其以上。

安装相应插件:

三,创建Flutter工程

当上面两个插件安装完成,重启Android studio后,在File->New菜单下会出现New Flutter project...选项,从这里就可以创建一个Flutter工程

工程创建成功后,会自动在lib目录下创建一个main.dart的入口文件

打开模拟器或者连接上真机就可以运行,点击运行按钮

当程序运行起来后,编辑dart文件,使用command+s会自动热重载,使修改的内容马上显示在页面上,不用再次运行

demo

相关文章

  • Flutter.1.基础搭建

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

  • Flutter 踩坑之环境搭建

    对于前端来说, flutter 学习的难点在于环境搭建在跟随 技术胖:Flutter开发环境搭建Windows版 ...

  • 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开发准备

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

  • android flutter 文章汇总

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

  • Flutter学习---环境搭建

    之前就听说Flutter这个跨平台框架,一直想学习一下,现阶段手头事情不是很多,特意来学习一下! Flutter是...

  • Flutter学习环境搭建

    Flutter环境 下载flutter SDK 官网地址flutter.io[https://www.jiansh...

网友评论

      本文标题:Flutter学习---环境搭建

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