flutte的第一个hello world程序

Posted 2022-03-12 loaderman

用命令行创建项目：

flutter create flutterdemo

VSCode或者AS连接手机后

输入

flutter run

编译后就可以将默认的代码显示在手机上了

---

开始写hello world 代码，这段代码写在根目录\lib\main.dart文件中，也是Flutter主文件。

 

整个代码如下

import ‘package:flutter/material.dart‘;

void main() 
  runApp(MyApp());


class MyApp extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return Center(
      child: Text(
        "hello world",
         textDirection: TextDirection.ltr,
      ),
      
    );
  

---

VSCode中如何热加载

    r 键：点击后热加载，也就算是重新加载吧。
    p 键：显示网格，这个可以很好的掌握布局情况，工作中很有用。
    o 键：切换android和ios的预览模式。
    q 键：退出调试预览模式。

Vscode 默认连不上第三方模拟器解决方案

cd 到对应夜神模拟器 D:\Program Files\Nox\bin 目录 然后运行

 

nox_adb.exe connect 127.0.0.1:62001