Flutter之第一个 Flutter App(四)

Flutter开发文档官网英文版

初次体验Flutter:创建Flutter应用 hello

开始之前,检查一下环境:
Flutter之第一个 Flutter App(四)_第1张图片如上图,环境正常。

VS Code创建Flutter应用

1.启动 VS Code,调用 View>Command Palette…
2.输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action,输入Project名称:hello
3.指定存放位置(不要放到flutter SDK文件目录下)创建成功后打开如下图:
Flutter之第一个 Flutter App(四)_第2张图片

连接设备运行Flutter应用

编辑器右下角选择iOS 的模拟器后,直接在编辑器中的终端:运行:flutter run。等待启动模拟器。当你需要热加载的时候按 r,重启应用按R。所以当我们每一次写好代码保存后,只要再按一下r,就可以看到最新的效果。

      home: MyHomePage(title: 'Flutter11 Demo Home Page'),


工程在模拟器下运行起来了。开心。有了demo 以后就可以愉快的练手了!!!

你可能感兴趣的:(Flutter开发教程)