Flutter学习记录
安装环境
1.jdk
2.flutter sdk
下载地址:
https://flutter.dev/docs/development/tools/sdk/releasesa. 配置环境变量:系统变量->PATH->新增 :E:\environment\flutter\bin;
b. 添加用户变量:
PUB_HOSTED_URL == https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL == https://storage.flutter-io.cn
3.Android SDK
4.在idea和vscode中安装flutter和dart插件
执行 flutter doctor 查看所有 issue 有没有完成。
我遇到的问题:
无法识别 flutter 命令,重装吧。
或者在外部使用 powershell 执行。
HelloWorld
1.在main.dart中编写hello world
// dart 语法
// 导包import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'hello MaterialApp title',
home:Scaffold(
appBar: AppBar(
title: Text("hello AppBar title"),
),
body: Center(
child: Text('hello Center child'),
),
)
);
}
}
2.执行
- flutter create ‘demo名’ 或者 View->Command P…->输入 flutter:new …-> type your demo name.
- cd 到该目录执行 flutter run.
- vscode调试过程中常用快捷键:
r: 热加载
p:在虚拟机中显示网格
o:安卓与ios切换
q:退出调试预览