Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>feffery-dash-snippetsNew to Visual Studio Code? Get it now.
feffery-dash-snippets

feffery-dash-snippets

feffery-dev

|
471 installs
| (0) | Free
Handy dash app development code snippets plugin
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

feffery-dash-snippets: Dash 实用代码片段

简体中文 | English

1 快捷代码片段

1.1 快捷 Python 代码片段

1.1.1 快捷模块功能导入

  • ihd:从dash快捷导入html、dcc

  • ibcr:从dash快捷导入基础回调角色Input、Output、State

  • ifac:快捷导入feffery_antd_components(fac)

  • ifuc:快捷导入feffery_utils_components(fuc)

  • ifact:快捷导入feffery_antd_charts(fact)

  • ifmc:快捷导入feffery_markdown_components(fmc)

  • iflc:快捷导入feffery_leaflet_components(flc)

  • ifm:快捷导入feffery_maplibre(fm)

  • ifamc:快捷导入feffery_antd_mobile_components(famc)

1.1.2 flask 相关快捷逻辑初始化

  • flask:upload:快速初始化flask上传服务接口

  • flask:download:快速初始化flask下载服务接口

  • flask:stream:快速初始化flask流式服务(SSE)接口

1.1.3 回调相关快捷逻辑初始化

  • callback:oi:快速初始化具有Input和Output角色的回调函数

  • callback:ois:快速初始化具有Input、Output及State角色的回调函数

  • callback-cs:oi:快速初始化具有Input和Output角色的浏览器端回调函数

  • callback-cs:ois:快速初始化具有Input、Output及State角色的浏览器端回调函数

1.1.4 feffery-dash-utils 工具函数快捷导入

  • utils:style: 快捷导入feffery_dash_utils.style_utils中的style()函数

  • utils:tm: 快捷导入feffery_dash_utils.tree_utils中的TreeManager类

  • utils:i18n: 快捷导入feffery_dash_utils.i18n中的Translator类

  • utils:dc: 快捷导入feffery_dash_utils.template_utils.dashboard_components中全部的内置自定义组件

  • utils:version-check: 快捷导入feffery_dash_utils.version_utils中的check_python_version()和check_dependencies_version()

1.1.5 其他快捷片段

  • pic=:快捷填入prevent_initial_call=True

  • run:debug:快速创建Dash应用debug模式if __name__ == '__main__':app.run(debug=True)结构体

  • ad=:快捷填入allow_duplicate=True

1.1.6 快捷页面模板生成

  • template:basic_tool:快捷生成单页面基础工具型应用模板

  • template:blank:快捷生成最基础的空白应用模板

  • template:fact-jupyter:快捷生成fact在jupyter中使用的模板

1.1.7 常用配色方案快捷生成

  • colors:blues_3:快速生成blues_3颜色值数组

  • colors:blues_4:快速生成blues_4颜色值数组

  • colors:blues_5:快速生成blues_5颜色值数组

  • colors:blues_6:快速生成blues_6颜色值数组

  • colors:blues_7:快速生成blues_7颜色值数组

  • colors:blues_8:快速生成blues_8颜色值数组

  • colors:blues_9:快速生成blues_9颜色值数组

  • colors:blues_3_r:快速生成blues_3_r颜色值数组

  • colors:blues_4_r:快速生成blues_4_r颜色值数组

  • colors:blues_5_r:快速生成blues_5_r颜色值数组

  • colors:blues_6_r:快速生成blues_6_r颜色值数组

  • colors:blues_7_r:快速生成blues_7_r颜色值数组

  • colors:blues_8_r:快速生成blues_8_r颜色值数组

  • colors:blues_9_r:快速生成blues_9_r颜色值数组

  • colors:greens_3:快速生成greens_3颜色值数组

  • colors:greens_4:快速生成greens_4颜色值数组

  • colors:greens_5:快速生成greens_5颜色值数组

  • colors:greens_6:快速生成greens_6颜色值数组

  • colors:greens_7:快速生成greens_7颜色值数组

  • colors:greens_8:快速生成greens_8颜色值数组

  • colors:greens_9:快速生成greens_9颜色值数组

  • colors:greens_3_r:快速生成greens_3_r颜色值数组

  • colors:greens_4_r:快速生成greens_4_r颜色值数组

  • colors:greens_5_r:快速生成greens_5_r颜色值数组

  • colors:greens_6_r:快速生成greens_6_r颜色值数组

  • colors:greens_7_r:快速生成greens_7_r颜色值数组

  • colors:greens_8_r:快速生成greens_8_r颜色值数组

  • colors:greens_9_r:快速生成greens_9_r颜色值数组

  • colors:greys_3:快速生成greys_3颜色值数组

  • colors:greys_4:快速生成greys_4颜色值数组

  • colors:greys_5:快速生成greys_5颜色值数组

  • colors:greys_6:快速生成greys_6颜色值数组

  • colors:greys_7:快速生成greys_7颜色值数组

  • colors:greys_8:快速生成greys_8颜色值数组

  • colors:greys_9:快速生成greys_9颜色值数组

  • colors:greys_3_r:快速生成greys_3_r颜色值数组

  • colors:greys_4_r:快速生成greys_4_r颜色值数组

  • colors:greys_5_r:快速生成greys_5_r颜色值数组

  • colors:greys_6_r:快速生成greys_6_r颜色值数组

  • colors:greys_7_r:快速生成greys_7_r颜色值数组

  • colors:greys_8_r:快速生成greys_8_r颜色值数组

  • colors:greys_9_r:快速生成greys_9_r颜色值数组

  • colors:oranges_3:快速生成oranges_3颜色值数组

  • colors:oranges_4:快速生成oranges_4颜色值数组

  • colors:oranges_5:快速生成oranges_5颜色值数组

  • colors:oranges_6:快速生成oranges_6颜色值数组

  • colors:oranges_7:快速生成oranges_7颜色值数组

  • colors:oranges_8:快速生成oranges_8颜色值数组

  • colors:oranges_9:快速生成oranges_9颜色值数组

  • colors:oranges_3_r:快速生成oranges_3_r颜色值数组

  • colors:oranges_4_r:快速生成oranges_4_r颜色值数组

  • colors:oranges_5_r:快速生成oranges_5_r颜色值数组

  • colors:oranges_6_r:快速生成oranges_6_r颜色值数组

  • colors:oranges_7_r:快速生成oranges_7_r颜色值数组

  • colors:oranges_8_r:快速生成oranges_8_r颜色值数组

  • colors:oranges_9_r:快速生成oranges_9_r颜色值数组

  • colors:purples_3:快速生成purples_3颜色值数组

  • colors:purples_4:快速生成purples_4颜色值数组

  • colors:purples_5:快速生成purples_5颜色值数组

  • colors:purples_6:快速生成purples_6颜色值数组

  • colors:purples_7:快速生成purples_7颜色值数组

  • colors:purples_8:快速生成purples_8颜色值数组

  • colors:purples_9:快速生成purples_9颜色值数组

  • colors:purples_3_r:快速生成purples_3_r颜色值数组

  • colors:purples_4_r:快速生成purples_4_r颜色值数组

  • colors:purples_5_r:快速生成purples_5_r颜色值数组

  • colors:purples_6_r:快速生成purples_6_r颜色值数组

  • colors:purples_7_r:快速生成purples_7_r颜色值数组

  • colors:purples_8_r:快速生成purples_8_r颜色值数组

  • colors:purples_9_r:快速生成purples_9_r颜色值数组

  • colors:reds_3:快速生成reds_3颜色值数组

  • colors:reds_4:快速生成reds_4颜色值数组

  • colors:reds_5:快速生成reds_5颜色值数组

  • colors:reds_6:快速生成reds_6颜色值数组

  • colors:reds_7:快速生成reds_7颜色值数组

  • colors:reds_8:快速生成reds_8颜色值数组

  • colors:reds_9:快速生成reds_9颜色值数组

  • colors:reds_3_r:快速生成reds_3_r颜色值数组

  • colors:reds_4_r:快速生成reds_4_r颜色值数组

  • colors:reds_5_r:快速生成reds_5_r颜色值数组

  • colors:reds_6_r:快速生成reds_6_r颜色值数组

  • colors:reds_7_r:快速生成reds_7_r颜色值数组

  • colors:reds_8_r:快速生成reds_8_r颜色值数组

  • colors:reds_9_r:快速生成reds_9_r颜色值数组

1.2 快捷 JavaScript 代码片段

1.2.1 回调相关快捷逻辑初始化

  • callback:init:快捷生成浏览器端回调函数定义模板

  • callback:no_update:快捷插入浏览器端回调版本的dash.no_update

  • callback:PreventUpdate:快捷插入浏览器端回调版本的PreventUpdate

  • callback:ctx:快捷插入浏览器端回调版本的dash.ctx

  • callback:set_props:快捷插入浏览器端回调版本的set_props()

  • callback:triggered:快捷插入浏览器端回调版本的dash.ctx.triggered

  • callback:triggered_id:快捷插入浏览器端回调版本的dash.ctx.triggered_id

  • callback:inputs_list:快捷插入浏览器端回调版本的dash.ctx.inputs_list

  • callback:inputs:快捷插入浏览器端回调版本的dash.ctx.inputs

  • callback:states_list:快捷插入浏览器端回调版本的dash.ctx.states_list

  • callback:states:快捷插入浏览器端回调版本的dash.ctx.states

  • callback:outputs_list:快捷插入浏览器端回调版本的dash.ctx.outputs_list

1.3 快捷 CSS 代码片段

  • css>scrollbar:快捷构建兼容各主流浏览器的滚动条美化策略

  • css>init-loading:快捷构建dash应用自定义初始加载动画策略

1.4 快捷 JSON 代码片段

  • locales:在JSON数据中快捷生成feffery_dash_utils.i18n.Translator对应的本地国际化配置模板
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft