在 Android Studio 中将自定义代码片段(实时模板)与 Flutter 应用程序结合使用

Sur*_*gch 2 live-templates dart android-studio flutter

在在线教程中,我看到人们键入一些可以快速扩展为代码片段的字符。这将节省大量样板代码。我如何在 Android Studio 中为 Flutter 开发做到这一点?

Sur*_*gch 8

在 Android Studio 中,转到Settings (Preferences on Mac) > Editor > Live Templates

展开颤振选项。您应该会看到一些已定义的实时模板。要创建一个新+模板,请单击右侧的添加按钮并选择实时模板。

在此处输入图片说明

添加您可以在代码中使用的缩写。还要写说明。然后粘贴您要自动插入的代码。最后,在显示“定义”的地方从列表中选择 Dart。然后选择确定。

在此处输入图片说明

如果您想稍后填写任何变量名称,您可以用$诸如$NAME$.

例子

每当我想测试一些小部件时,我都会制作一个布局干净的新应用程序,没有那些评论和额外的小部件。这是一个实时模板,它只是一个基本的起始布局。

我叫缩写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();
  }
}
Run Code Online (Sandbox Code Playgroud)

现在我可以开始输入basiclayout以自动插入所有代码。如果我想每次都选择一个新名称,我可以用变量替换My App字符串或BodyWidget名称$NAME$

也可以看看