在 Android Studio 中将自定义代码片段(实时模板)与 Flutter 应用程序结合使用
Using custom code snippets (live templates) with a Flutter app in Android Studio
在在线教程中,我看到人们键入一些可以快速扩展为代码片段的字符。这将节省大量样板代码。我如何在 Android Studio 中进行 Flutter 开发?
在 Android Studio 中转到 设置(Mac 上的首选项)> 编辑器 > 实时模板。
展开 Flutter 选项。您应该看到一些已经定义的实时模板。要创建新模板,请单击右侧的 +
添加按钮并选择实时模板。
添加可在代码中使用的缩写。还要写说明。然后粘贴您要自动插入的代码。最后,在显示 "Define" 的地方从列表中选择 Dart。然后选择确定。
如果以后有任何变量名要填写,可以用$
符号包围它们,例如$NAME$
.
例子
每当我想测试一些小部件时,我都会制作一个具有干净布局的新应用程序,none 这些评论和额外的小部件。这是一个实时模板,它只是一个基本的起始布局。
我叫缩写basiclayout
,代码是
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'My App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(title: Text('My App')),
body: BodyWidget(),
),
);
}
}
class BodyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container();
}
}
现在我可以开始输入 basiclayout
以自动插入所有代码。如果我想每次都选择一个新名称,我可以用 $NAME$
变量替换 My App
字符串或 BodyWidget
名称。
另见
在在线教程中,我看到人们键入一些可以快速扩展为代码片段的字符。这将节省大量样板代码。我如何在 Android Studio 中进行 Flutter 开发?
在 Android Studio 中转到 设置(Mac 上的首选项)> 编辑器 > 实时模板。
展开 Flutter 选项。您应该看到一些已经定义的实时模板。要创建新模板,请单击右侧的 +
添加按钮并选择实时模板。
添加可在代码中使用的缩写。还要写说明。然后粘贴您要自动插入的代码。最后,在显示 "Define" 的地方从列表中选择 Dart。然后选择确定。
如果以后有任何变量名要填写,可以用$
符号包围它们,例如$NAME$
.
例子
每当我想测试一些小部件时,我都会制作一个具有干净布局的新应用程序,none 这些评论和额外的小部件。这是一个实时模板,它只是一个基本的起始布局。
我叫缩写basiclayout
,代码是
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'My App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(title: Text('My App')),
body: BodyWidget(),
),
);
}
}
class BodyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container();
}
}
现在我可以开始输入 basiclayout
以自动插入所有代码。如果我想每次都选择一个新名称,我可以用 $NAME$
变量替换 My App
字符串或 BodyWidget
名称。