Flutter学习笔记(一)-下载以及安装

中文学习官网

一、本地下载安装Flutter(没用过mac和linux,只说windows的,如果想同时开发Android和IOS,就用mac)

1、先配置两个环境变量
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置

2、安装git命令行工具

执行git clone -b beta https://github.com/flutter/flutter.git下载Flutter
下载完毕,添加flutter\bin到path环境变量
添加android sdk路径到环境变量
开始--cmd--打开命令行:执行 flutter doctor (运行中间会出现是否覆盖文件夹,点是)
运行结果:

这样的就是本地安装完成了,接下来就是需要安装android studio插件了

二、Android studio配置(需要studio 3.0 或者更高级的版本)

   打开Android Studio, File>Settings>Plugins中安装Flutter和Dart两个插件（设置中Plugin搜索即可）
   最新的更新插件,下载一个Flutter插件就包含Flutter 和 Dart两个插件了。

Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).
Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).

这就全部安装完成啦,接下来可以去撸个HelloWorld了。

三、万年的HelloWorld帝国

File --> New --> new flutter project

建立项目完成,默认运行是这个样子:

参考官方文档:把main.dart中代码修改一下
    
import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: "welcome to flutter",
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("welcome to flutter"),
        ),
        body: new Center(
          child: new Text("hello world"),
        ),
      ),
    );
  }
}

在运行就是helloworld了
(新手,学习较慢,不喜勿喷)