Flutter（一）安装配置和几个注意点

记住要仰望星空，不要低头看脚下。无论生活如何艰难，请保持一颗好奇心。你总会找到自己的路和属于你的成功。

愿您的来世灵魂依旧，躯体康健。

一句话来形容Flutter就是使用Dart语言开发跨平台（Android/iOS）的应用。关于对标RN以及Weex等，可以参看知乎的相关讨论。

本文只记述自己学习Flutter模仿写Demo的过程，关于Dart语言，没有学习，但是同Java很相似，掌握一些常见语法即可直接上手使用。

Flutter的安装与配置

克隆Flutter

Git将项目克隆到本地：

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

配置

Path变量的配置

对Path变量添加flutter的路径，指向flutter的bin目录

C:\Users\Aaron\Flutter\flutter\bin

安装

以管理员身份运行PowerShell，并输入命令

flutter doctor

等待安装完成如图

FlutterSDK安装

图中出现未安装部分的提示，这两个在AS或者IDEA中添加插件完成，如果其余出现未安装部分则重复安装指令。

Android Studio配置

为AS添加插件：Flutter

安装过程中出现提示即安装Dart SDK，点击安装即可。

至此，Flutter在Windows上的安装与配置完成，建议重启电脑保证环境的生效，我在完成上述步骤之后可以新建项目但是会提示找不到SDK，在重启之后IDE自动完成配置。

Flutter的HelloWorld

Android Studio : New->New Flutter Project->……完成配置，选择设备点击运行即可。

Flutter开发注意点

在参照官方code-lab写第一个Demo的时候，最大的感触就是：

Dart的代码缩进很重要！

不缩进的代码可读性几乎为零，所以很怀疑G家为什么要开发这种风格的编程语言。

举个例子：

//有缩进风格
void _pushSaved() {
    Navigator.of(context).push(new MaterialPageRoute(builder: (context){
      final tiles = _saved.map(
              (pair){
              return new ListTile(
               title: new Text(
                   pair.asPascalCase,
                   style: _biggerFont,
                ),
              );
            },
          );
          final divide = ListTile
            .divideTiles(
              context: context,
              tiles: tiles,
            )
            .toList();

          return new Scaffold(
            appBar: new AppBar(
              title: new Text('Saved Sugestions'),
              backgroundColor: Colors.green,
            ),
            body: new ListView(children: divide,),
          );
        },
      ),
    );
  }

//无严格缩进风格：下面是一个完整的函数
void _pushSaveds() {
    Navigator.of(context).push(new MaterialPageRoute(builder: (context){
      final tiles = _saved.map(
            (pair){
          return new ListTile(
            title: new Text(pair.asPascalCase, style: _biggerFont,),);},);
      final divide = ListTile
          .divideTiles(
        context: context,
        tiles: tiles,)
          .toList();

      return new Scaffold(
        appBar: new AppBar(
          title: new Text('Saved Sugestions'),
          backgroundColor: Colors.green,
        ), body: new ListView(children: divide,),);},),);}

关于代码缩进的原则

参照了官方的代码风格，总结出以下几个缩进风格，在码的时候个人倾向于一定得强迫自己使用这种风格，否则IDE提示错误的时候会发现半天都找不到哪个地方少了哪个符号。

函数的花括号风格同Java一致

调用函数传参，无论参数数量是多少，一律采用上面的花括号风格

函数的参数，不管参数的长度，一律一个参数占一个空行

IDE默认在参数的末尾加上“，”无论是否是最后一个参数，建议IDE补充成啥样就啥样，便于后续维护

暂时想到这么多，后续补充

Dart语言

G家推出的网络编程语言，对标JavaScript。此外Main函数是FlutterApp的入口

几个注意点

比Java更纯的纯面向对象语言，包括基本数据类型以及方法，都是对象
上述方法也是对象即：方法可以作为函数参数传入另外一个函数，直接使用函数名传方法
所有的数据包括函数，均是默认为公有，若想私有化，直接前缀_即可
..是串联符号，类似某些API的链式调用
暂时想到这么多，后续补充

界面编写

不能使用XML进行界面编写，所有的界面均在Dart代码中编写完成，这个是Flutter的另一个特点。