Flutter入门:介绍与环境搭建

  • • 发表于2018-12-30 04:13:48.0
  • • 作者 Mercury1z
  • • 316 次浏览
  • • 3 条评论
  • • 最后编辑时间 2019-01-10 01:51:47.0
  • • 来自 [Android]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

Flutter介绍(选取自官方文档)

Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App,一套代码同时运行在 iOS 和 Android平台。 Flutter提供了丰富的组件、接口,开发者可以很快地为 Flutter添加 native扩展。同时 Flutter还使用 Native引擎渲染视图,这无疑能为用户提供良好的体验。
对于Flutter的优势简单分为几点

  • 跨平台自绘引擎
  • 高性能
  • 采用Dart语言开发

    Flutter框架结构图

    看上去厉害的样子,反正我没看懂~

    大概简单来说就是分两层
  1. Framework层(开发来说,基本都是在这一层打交道)

  2. Engine层(基本不会去接触,看看了解就好)

Flutter开发环境搭建(以Window为例)

安装以及运行Flutter开发环境需要的系统配置就不说了,反正安装能运行就是可以,反之,换电脑吧
在安装Flutter之前,需要安装其他辅助命令行工具

  • PowerShell 5.0 或更新的版本
  • Git for Windows (Git命令行工具)
    只要在控制台能执行git命令就好

接下来就是关于Flutter的步骤

下载Flutter SDK

去Flutter官网下载最新的安装包,对应的下载地址:https://flutter.io/docs/development/tools/sdk/archive#windows

目前Flutter最新的是正式版1.0,下载后得到一个zip包,然后把zip包解压到自己想要安装的目录即可
解压完毕后,在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了
安装完毕后,可以通过运行flutter doctor命令来测试是否安装成功
运行效果如图

测试运行成功后,接下来就可以安装编码开发工具了
因为是Android开发,所以编码工具以Android Studio为例

  1. 下载并安装 Android Studio,下载地址:https://developer.android.com/studio/index.html
  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具,这些是用Flutter进行Android开发所需要的。
  3. 安装Flutter插件和Dart插件,打开插件首选项 (macOS:Preferences>Plugins, Windows:File>Settings>Plugins),选择 Browse repositories…,选择 flutter 插件并点击 install,重启Android Studio后即可

创建Flutter HelloWorld级别的应用

  1. 选择 File>New Flutter Project 。
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next。
  3. 输入项目名称 (如 myapp),然后点击 Next。
  4. 确定包名,然后点击 Finish。
  5. 等待Android Studio安装SDK并创建项目。
  6. 项目运行后,项目进行编译运行
  7. 如果运行没问题的话,Android 设备上运行得到的效果图如下

到此Flutter开发环境算是搭建成功。。。

评论区(共3条评论)
小徐同学
小徐同学 2018-12-30 07:22

高产似母猪

howboy5
howboy5 2019-04-17 16:20

可以跨IOS和Android ?

Mercury1z
Mercury1z 2019-04-17 16:31

@howboy5 一套代码可以生成IOS和Android的包,但目前来说,还是刚出没多久,有些情况还是需要针对不同的平台进行对应的特别处理

3条评论
Ctrl+Enter
作者

Michael

Mercury1z

帖子:7 回复:0

简简单单的开发攻城师

作者详情》
Top