Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>flutter-materialsNew to Visual Studio Code? Get it now.
flutter-materials

flutter-materials

csj_5588

|
2,351 installs
| (1) | Free
flutter 物料
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter-Materials

Flutter物料 vscode插件,可以一键生成物料

Materials

Use

在需要生成物料的文件夹上,鼠标右键点击,选择Materials Install。

;

在VsCode上方会弹出选择物料框,此时选择相应物料即可在文件夹下生成物料。

Documents

物料分类 物料版本 描述
flutter ui_controller_net_entity 生成完成页面物料
flutter widget-full.dart 生成fulState页面
flutter widget-less.dart 生成lessState页面
react antd-redux-3.12.1 生成react增删查改物料
react class-less-1.0 生成react组件物料
react class-1.0 生成react组件物料
react hooks-less-1.0 生成react组件物料
react hooks-1.0 生成react组件物料

Snippets

Use

使用Flutter-Materials-Snippets直接在dart文件中写入命令即可有提示生成。

Documents

模版代码片段命令 描述
fl_ful_widget 完整fulWidget片段
fl_less_widget 完整lessWidget片段
fl_top_scroll_footer 上下定位,中间滚动布局
fl_nested_scroll 嵌套滚动布局
fl_flex Flex自适应布局

组件代码片段命令 描述
fl_scaffold Scaffold组件片段
fl_text Text组件片段
fl_tabbar TabBar组件片段
fl_row Row组件片段
fl_gesture GestureDetector组件片段
fl_stack Stack定位组件片段
fl_container Container组件片段
fl_expanded Expanded组件片段

语法代码片段命令 描述
fl_initstate initState语法片段
fl_dispose dispose语法片段
fl_didmount addPostFrameCallback语法片段
fl_didupdate didUpdateWidget语法片段

JsonToDart(Support Null Safety)

Use

command/ctrl + shift + p

输入 JSON TO DART 即可唤起内置工具

Optimized

  • 物料名称统一替换
  • 物料路径统一梳理
  • 支持下划线名称,在物料指定位置会转化为驼峰
  • 物料、Json2Dart支持null safety

Connect Me

Email: cuishijie@inke.cn

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft