美文网首页
Flutter初体验

Flutter初体验

作者: dkvirus | 来源:发表于2018-11-04 21:47 被阅读0次

Flutter 和 React-native 一样,用于开发移动端app,在开源中国上看到这个东东,抽个周末接触一波:在虚拟设备将示例代码跑起来。

1. 搭建安卓开发环境

Android Studio 开发环境搭建,各种踩坑

2. 下载 Flutter SDK

Flutter SDK 就是个命令行工具,号称全生命周期只要有这个工具就可以玩得转了,不会限制使用 Android Studio 开发工具,可以检测开发环境,下载 sdk,AVD 模拟器等等,dk 目前刚接触,玩得还不是很 6。

Flutter SDK-Github 下载地址,下载 zip 包,本地解压缩,将 flutter/bin 目录配置到环境变量里。flutter 常用命令:

# 查看帮助文档
$ flutter --help

# 查看当前机器开发环境情况,缺啥都打印啥,还有相应安装教程,下载地址
$ flutter doctor     

# 查看是否连接安卓设备:包括真机,或者 AVD(开发工具提供的虚拟设备)
$ flutter devices

# 查看可用的 AVD
$  flutter emulators
1 available emulator:
Nexus_5X_API_28 • Nexus 5X • Google • Nexus 5X API 28

# 启用 AVD,会自动打开虚拟设备,还真是不需要 Android Studio 也可以哦~
$ flutter emulator --launch Nexus_5X_API_28 • Nexus 5X • Google • Nexus 5X API 28

# 运行 flutter 应用程序
# flutter 程序根目录必须有 pubspec.yaml 文件,就跟 node 项目有 package.json 文件一样
$ flutter run 

3. 创建 demo 代码

Flutter 提供原型项目,可以实用Android Studio 开发工具直接创建 Flutter 项目或者使用 flutter 命令创建项目 $ flutter create myapp

4. 运行项目

在开发工具打开 AVD,使用命令行工具启动项目:$ flutter run。查看虚拟设备出现如下界面就成功了。

这一过程最常遇到的问题就是 Gradle 各种报错,在第1点开发环境搭建各种踩坑中有解决方法。

Flutter运行成功

5. 接下来安排

  • 熟悉 flutter 开发流程;
  • py-novel 开发安卓版本。

相关文章

  • Flutter环境搭建

    谷歌Flutter官方网站Flutter中文网Flutter社区中文资源Flutter初体验(一)——Mac 安装...

  • Flutter-从入门到项目 03: Flutter初体验

    Flutter-从入门到项目 03: Flutter初体验 Flutter 专题目录直通车: [https://w...

  • Flutter系列(2)Dart语言基础

    Flutter的开发语言是Dart语言的,这篇文章就说说Dart语言基础 一、Dart 初体验 在flutter项...

  • Flutter 安装之初体验

    Flutter 安装之初体验 Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效...

  • flutter开发体验总结

    flutter开发初体验 flutter目前最火的混合开发技术,作为苦逼的移动开发人员了解下总是没有错的,针对最近...

  • Flutter初体验

    一.关于Flutter Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户...

  • Flutter 初体验

    一、flutter介绍 flutter关联词 flutter诞生: 工具:Android Studio和xcode...

  • Flutter初体验

    一、环境搭建 1.window安装flutter,本人是Android开发,确保自己电脑以及安装过jdk以及sdk...

  • Flutter初体验

    Flutter 和 React-native 一样,用于开发移动端app,在开源中国上看到这个东东,抽个周末接触一...

  • Flutter初体验

    记录遇到的问题 1.error: Building for iOS Simulator, but the link...

网友评论

      本文标题:Flutter初体验

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