plotly-dash 是否适用于 VS 代码中的 ipynb 文件答案

【问题标题】：Does plotly-dash work on ipynb files in VS codeplotly-dash 是否适用于 VS 代码中的 ipynb 文件
【发布时间】：2026-01-20 20:10:01
【问题描述】：

我是新的 dash，想知道是否有办法在 vs-code 中的 .ipynb 文件上运行 dash。我发现使用 JupyterDash 您可以在 Jupyter IDE（网络版）上运行 dash。我想知道是否有办法将其扩展到 vs-code 中的 .ipynb 文件（我大量使用 vs-code Jupyter 而不是 web 版本）。我尝试在 vs-code 中的 .ipynb 文件的单元格中使用此代码制作单选按钮，但它不起作用（当然，相同的代码在 Jupyter 网络版本中确实有效）。如果有办法在 vscode 中运行它，请告诉我。

 from jupyter_plotly_dash import JupyterDash 
 import dash 
 import dash_core_components as dcc 
 import dash_html_components as HTML 
 from dash.dependencies import Input,Output 

 app = JupyterDash('SimpleExample')

 app.layout = html.Div([
    dcc.RadioItems(
        id = 'dropdown-color',
        options = [{'label' : c, 'value' : c.lower()} for c in ['Red','Green','Blue']],
        value = 'red'
    )
])
app

【问题讨论】：

标签： python visual-studio-code jupyter-notebook plotly-dash

【解决方案1】：

关注最新的 jupyter dash 文档。试试这个：

from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

app = JupyterDash('SimpleExample')

app.layout = html.Div([
    dcc.RadioItems(
        id = 'dropdown-color',
        options = [{'label' : c, 'value' : c.lower()} for c in ['Red','Green','Blue']],
        value = 'red'
    )
]) 
# Run app and display result inline in the notebook
app.run_server(mode='inline')

在此处了解更多信息：
https://medium.com/plotly/introducing-jupyterdash-811f1f57c02e

【讨论】：