Flutter 书写你的第一个App（Write your first App Part 1 & 2）

本文来自于：https://flutter.io/docs/get-started/codelab & https://codelabs.developers.google.com/codelabs/first-flutter-app-pt2/#0

先来看看整体效果

新建工程

选择适合的目录，在终端输入：

flutter create myapp

在VSCode打开myapp目录，效果如果下：

替换class MyApp的代码：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

运行myapp：

我这里用了Android和iOS两个模拟器，可以利用flutter devices查看：

flutter devices

2 connected devices:

Android SDK built for x86 • emulator-5554                        • android-x86 • Android 9 (API 28) (emulator)
iPhone XS Max             • 347ADA79-768F-45BE-946B-9E9EE811D5E2 • ios         • iOS 12.1 (simulator)

使用flutter run运行myapp：# -d参数 可以指定运行的机器

flutter run -d emulator-5554

flutter run -d 347ADA79-768F-45BE-946B-9E9EE811D5E2

效果如图：

 

使用external package

在pubspec.yaml文件添加：english_words: ^3.1.0，如图：

使用packages get