VScode-flutter 代码块

您能在这里看到啥

1. 使用效果
2. 代码配置
3. 项目地址

使用效果

codeb.gif

代码配置

1. 第一步打开VScode 点击设置

[图片上传失败...(image-860294-1659431158248)]

2. 第二步选择 配置用户代码片段

[图片上传失败...(image-371a9b-1659431158248)]

3. 第三步选择dart.json

[图片上传失败...(image-2aeb44-1659431158248)]

4. 第四步编辑dart.json,代码格式如下所示

{
    "name": {
       /// 代码联想显示的名字
       "prefix":"name",
       /// 内容
       "body": [
       
       ]
    }
}

简单举个

{
    "TTGetV": {
        "prefix": "ttgetv",
        "body": [
            "import 'package:flutter/material.dart';",
            "import 'package:hzy_normal_widget/hzy_normal_widget.dart';",
            "import '../../../components/common_index.dart';",
            "import 'package:flutter_screenutil/flutter_screenutil.dart';",
            "",
            "",
            "",
            "class $1V extends CommonGetXWidget<$1C> {",
            "$1V({Key? key}) : super(key: key);",
            "@override",
            "$1C get controller => Get.put($1C());",
            "",
            "",
            "",
            "\t@override",
            "\tWidget createBody(BuildContext context) {",
            "\t\treturn Container();",
            "\t}",
            "}",
        ]
    },
}

我也把基于GetX 搭建通用flutter 项目 中我自己使用的代码块，上传到Git上了，喜欢的可以自己下载下来，看一下。

项目地址