flutter 从入门到放弃(一)环境搭建

Google 推出flutter 有一段时间了,Flutter 明显是一种全新的技术,而对于这个新技术在发布之初,花一个月的时间学习它,成本确实过高。但是周末花一天时间体验一下它的开发流程,了解一下它的优缺点、能干什么或者不能干什么。

Flutter是一款移动应用程序SDK,一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。

核心原则
Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和调试应用程序。

一切皆为widget
Widget是Flutter应用程序用户界面的基本构建块。每个Widget都是用户界面一部分的不可变声明。 与其他将视图、控制器、布局和其他属性分离的框架不同,Flutter具有一致的统一对象模型:widget。

Widget可以被定义为:

一个结构元素(如按钮或菜单)
一个文本样式元素(如字体或颜色方案)
布局的一个方面(如填充)
等等…
Widget根据布局形成一个层次结构。每个widget嵌入其中,并继承其父项的属性。没有单独的“应用程序”对象,相反,根widget扮演着这个角色。

您可以通过告诉框架使用另一个widget替换层次结构中的widget来响应事件,例如用户交互,替换后框架会比较新的和旧的widget,并高效地更新用户界面。

官网: https://flutterchina.club/technical-overview/

  • 开始环境搭建

1.使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到环境变量中:

PUB_HOSTED_URL  :https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL   :  https://storage.flutter-io.cn

2.获取flutter SDK

  • 去flutter官网下载其最新可用的安装包,点击下载 ;
  • 将安装包zip解压到你想安装Flutter SDK的路径(如:C:\src\flutter;注意,不要将flutter安装到需要一些高权限的路径如C:\Program Files\)。
  • 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

这里我建议大家用 git 安装命令下载,比较稳定点。 https://github.com/flutter/flutter
git clone https://github.com/flutter/flutter.git

3.将flutter sdk 加入系统环境变量

  • 在“用户变量”下检查是否有名为“Path”的条目:
    如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符.
    如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
    重启Windows以应用此更改.
    打开flutter 目录下的 flutter_console.bat 为控制台, 然后输入 flutter doctor. 开始下载配置文件.
    微信图片_20190114161443副本.png

4.打开AS

psl:记得把Android SDK 也要加入环境变量哦

打开setting - plugins - 搜索 flutter 点击安装


image.png

安装完成后重新启动AS。

  1. 点击file 项


    image.png

出现 new flutter project 时, 说明flutter 环境已经搭建完成啦~~~ 快,夸自己一下O(∩_∩)O哈哈~

你可能感兴趣的:(flutter 从入门到放弃(一)环境搭建)