[{"data":1,"prerenderedAt":533},["ShallowReactive",2],{"tutorial-ide-extension/":3,"content-query-GYCBrTNJAy":314,"content-query-F08Cqs5T5N":532},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"module":12,"isModuleIndex":13,"prerequisites":14,"resources":17,"author":24,"body":28,"_type":308,"_id":309,"_source":310,"_file":311,"_stem":312,"_extension":313},"/tutorials/ide-extension","tutorials",false,"","IDE Extension","Install and explore the Bruin IDE extension for VS Code and Cursor - a visual interface for managing data pipelines, viewing lineage, running assets, and previewing queries.","2026-04-15","Module","ide-extension",true,[15,16],"\u003Ca href=\"https://code.visualstudio.com/\">VS Code\u003C/a> installed","\u003Ca href=\"https://getbruin.com/docs/bruin/getting-started/introduction/installation.html\">Bruin CLI\u003C/a> installed",[18,21],{"label":19,"url":20},"Bruin VS Code extension docs","https://getbruin.com/docs/bruin/vscode-extension/overview.html",{"label":22,"url":23},"Bruin CLI documentation","https://getbruin.com/docs/bruin/overview.html",{"name":25,"role":26,"image":27},"Bruin Team","Bruin Data","/bruin-logo-2025.svg",{"type":29,"children":30,"toc":298},"root",[31,39,48,68,76,101,108,158,170,177,182,187,221,234,240,252,257,263,275,280,286],{"type":32,"tag":33,"props":34,"children":35},"element","p",{},[36],{"type":37,"value":38},"text","Install and explore the Bruin VS Code extension - a visual interface for managing data pipelines directly inside VS Code without leaving your editor.",{"type":32,"tag":33,"props":40,"children":41},{},[42],{"type":32,"tag":43,"props":44,"children":45},"strong",{},[46],{"type":37,"value":47},"What",{"type":32,"tag":49,"props":50,"children":51},"ul",{},[52,58,63],{"type":32,"tag":53,"props":54,"children":55},"li",{},[56],{"type":37,"value":57},"Install the Bruin VS Code extension",{"type":32,"tag":53,"props":59,"children":60},{},[61],{"type":37,"value":62},"Run pipelines and view asset lineage from the editor",{"type":32,"tag":53,"props":64,"children":65},{},[66],{"type":37,"value":67},"Preview SQL query results and manage connections visually",{"type":32,"tag":33,"props":69,"children":70},{},[71],{"type":32,"tag":43,"props":72,"children":73},{},[74],{"type":37,"value":75},"How",{"type":32,"tag":49,"props":77,"children":78},{},[79,84,96],{"type":32,"tag":53,"props":80,"children":81},{},[82],{"type":37,"value":83},"Install from the VS Code marketplace (search \"Bruin\")",{"type":32,"tag":53,"props":85,"children":86},{},[87,89],{"type":37,"value":88},"Extension activates automatically in any folder with ",{"type":32,"tag":90,"props":91,"children":93},"code",{"className":92},[],[94],{"type":37,"value":95},".bruin.yml",{"type":32,"tag":53,"props":97,"children":98},{},[99],{"type":37,"value":100},"All features work alongside the Bruin CLI",{"type":32,"tag":102,"props":103,"children":105},"h2",{"id":104},"install-the-extension",[106],{"type":37,"value":107},"Install the extension",{"type":32,"tag":109,"props":110,"children":111},"ol",{},[112,117,138,148],{"type":32,"tag":53,"props":113,"children":114},{},[115],{"type":37,"value":116},"Open VS Code",{"type":32,"tag":53,"props":118,"children":119},{},[120,122,128,130,136],{"type":37,"value":121},"Go to the Extensions panel (click the Extensions icon in the sidebar or press ",{"type":32,"tag":90,"props":123,"children":125},{"className":124},[],[126],{"type":37,"value":127},"Cmd+Shift+X",{"type":37,"value":129}," / ",{"type":32,"tag":90,"props":131,"children":133},{"className":132},[],[134],{"type":37,"value":135},"Ctrl+Shift+X",{"type":37,"value":137},")",{"type":32,"tag":53,"props":139,"children":140},{},[141,143],{"type":37,"value":142},"Search for ",{"type":32,"tag":43,"props":144,"children":145},{},[146],{"type":37,"value":147},"Bruin",{"type":32,"tag":53,"props":149,"children":150},{},[151,153],{"type":37,"value":152},"Click ",{"type":32,"tag":43,"props":154,"children":155},{},[156],{"type":37,"value":157},"Install",{"type":32,"tag":33,"props":159,"children":160},{},[161,163,168],{"type":37,"value":162},"The extension activates automatically when you open a folder containing a ",{"type":32,"tag":90,"props":164,"children":166},{"className":165},[],[167],{"type":37,"value":95},{"type":37,"value":169}," file.",{"type":32,"tag":171,"props":172,"children":174},"h3",{"id":173},"run-a-pipeline",[175],{"type":37,"value":176},"Run a pipeline",{"type":32,"tag":33,"props":178,"children":179},{},[180],{"type":37,"value":181},"Once installed, you'll see a Bruin icon in the VS Code sidebar. Click it to open the Bruin panel.",{"type":32,"tag":33,"props":183,"children":184},{},[185],{"type":37,"value":186},"From the panel:",{"type":32,"tag":49,"props":188,"children":189},{},[190,209],{"type":32,"tag":53,"props":191,"children":192},{},[193,195,200,202,207],{"type":37,"value":194},"Set the ",{"type":32,"tag":43,"props":196,"children":197},{},[198],{"type":37,"value":199},"start date",{"type":37,"value":201}," and ",{"type":32,"tag":43,"props":203,"children":204},{},[205],{"type":37,"value":206},"end date",{"type":37,"value":208}," for your data ingestion",{"type":32,"tag":53,"props":210,"children":211},{},[212,214,219],{"type":37,"value":213},"Select ",{"type":32,"tag":43,"props":215,"children":216},{},[217],{"type":37,"value":218},"Run",{"type":37,"value":220}," from the dropdown to execute the entire pipeline",{"type":32,"tag":33,"props":222,"children":223},{},[224,226,232],{"type":37,"value":225},"The extension runs the pipeline using the Bruin CLI under the hood, so you get the same behavior as running ",{"type":32,"tag":90,"props":227,"children":229},{"className":228},[],[230],{"type":37,"value":231},"bruin run",{"type":37,"value":233}," from the terminal.",{"type":32,"tag":171,"props":235,"children":237},{"id":236},"view-lineage",[238],{"type":37,"value":239},"View lineage",{"type":32,"tag":33,"props":241,"children":242},{},[243,245,250],{"type":37,"value":244},"Open any asset file (SQL or YAML) and click ",{"type":32,"tag":43,"props":246,"children":247},{},[248],{"type":37,"value":249},"Lineage",{"type":37,"value":251}," in the Bruin panel. This shows a visual graph of the asset's dependencies - which assets feed into it and which assets depend on it.",{"type":32,"tag":33,"props":253,"children":254},{},[255],{"type":37,"value":256},"Lineage helps you understand the impact of changes. Before modifying an asset, check its lineage to see what downstream assets might be affected.",{"type":32,"tag":171,"props":258,"children":260},{"id":259},"preview-query-results",[261],{"type":37,"value":262},"Preview query results",{"type":32,"tag":33,"props":264,"children":265},{},[266,268,273],{"type":37,"value":267},"Open a SQL asset and click the ",{"type":32,"tag":43,"props":269,"children":270},{},[271],{"type":37,"value":272},"play icon",{"type":37,"value":274}," in the Query Preview section. The extension runs the SQL query and displays the results in a table directly inside VS Code.",{"type":32,"tag":33,"props":276,"children":277},{},[278],{"type":37,"value":279},"This is useful for iterating on SQL transformations - you can edit the query, preview the results, and see the impact immediately without switching to a terminal or database client.",{"type":32,"tag":171,"props":281,"children":283},{"id":282},"add-connections",[284],{"type":37,"value":285},"Add connections",{"type":32,"tag":33,"props":287,"children":288},{},[289,291,296],{"type":37,"value":290},"The extension provides a visual interface for managing connections. Instead of editing ",{"type":32,"tag":90,"props":292,"children":294},{"className":293},[],[295],{"type":37,"value":95},{"type":37,"value":297}," manually, you can add PostgreSQL, DuckDB, BigQuery, and other connections through a form interface.",{"title":7,"searchDepth":299,"depth":299,"links":300},2,[301],{"id":104,"depth":299,"text":107,"children":302},[303,305,306,307],{"id":173,"depth":304,"text":176},3,{"id":236,"depth":304,"text":239},{"id":259,"depth":304,"text":262},{"id":282,"depth":304,"text":285},"markdown","content:tutorials:ide-extension:index.md","content","tutorials/ide-extension/index.md","tutorials/ide-extension/index","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"module":12,"isModuleIndex":13,"prerequisites":315,"resources":316,"author":319,"body":320,"_type":308,"_id":309,"_source":310,"_file":311,"_stem":312,"_extension":313},[15,16],[317,318],{"label":19,"url":20},{"label":22,"url":23},{"name":25,"role":26,"image":27},{"type":29,"children":321,"toc":524},[322,326,333,348,355,375,379,418,428,432,436,440,466,476,480,489,493,497,506,510,514],{"type":32,"tag":33,"props":323,"children":324},{},[325],{"type":37,"value":38},{"type":32,"tag":33,"props":327,"children":328},{},[329],{"type":32,"tag":43,"props":330,"children":331},{},[332],{"type":37,"value":47},{"type":32,"tag":49,"props":334,"children":335},{},[336,340,344],{"type":32,"tag":53,"props":337,"children":338},{},[339],{"type":37,"value":57},{"type":32,"tag":53,"props":341,"children":342},{},[343],{"type":37,"value":62},{"type":32,"tag":53,"props":345,"children":346},{},[347],{"type":37,"value":67},{"type":32,"tag":33,"props":349,"children":350},{},[351],{"type":32,"tag":43,"props":352,"children":353},{},[354],{"type":37,"value":75},{"type":32,"tag":49,"props":356,"children":357},{},[358,362,371],{"type":32,"tag":53,"props":359,"children":360},{},[361],{"type":37,"value":83},{"type":32,"tag":53,"props":363,"children":364},{},[365,366],{"type":37,"value":88},{"type":32,"tag":90,"props":367,"children":369},{"className":368},[],[370],{"type":37,"value":95},{"type":32,"tag":53,"props":372,"children":373},{},[374],{"type":37,"value":100},{"type":32,"tag":102,"props":376,"children":377},{"id":104},[378],{"type":37,"value":107},{"type":32,"tag":109,"props":380,"children":381},{},[382,386,402,410],{"type":32,"tag":53,"props":383,"children":384},{},[385],{"type":37,"value":116},{"type":32,"tag":53,"props":387,"children":388},{},[389,390,395,396,401],{"type":37,"value":121},{"type":32,"tag":90,"props":391,"children":393},{"className":392},[],[394],{"type":37,"value":127},{"type":37,"value":129},{"type":32,"tag":90,"props":397,"children":399},{"className":398},[],[400],{"type":37,"value":135},{"type":37,"value":137},{"type":32,"tag":53,"props":403,"children":404},{},[405,406],{"type":37,"value":142},{"type":32,"tag":43,"props":407,"children":408},{},[409],{"type":37,"value":147},{"type":32,"tag":53,"props":411,"children":412},{},[413,414],{"type":37,"value":152},{"type":32,"tag":43,"props":415,"children":416},{},[417],{"type":37,"value":157},{"type":32,"tag":33,"props":419,"children":420},{},[421,422,427],{"type":37,"value":162},{"type":32,"tag":90,"props":423,"children":425},{"className":424},[],[426],{"type":37,"value":95},{"type":37,"value":169},{"type":32,"tag":171,"props":429,"children":430},{"id":173},[431],{"type":37,"value":176},{"type":32,"tag":33,"props":433,"children":434},{},[435],{"type":37,"value":181},{"type":32,"tag":33,"props":437,"children":438},{},[439],{"type":37,"value":186},{"type":32,"tag":49,"props":441,"children":442},{},[443,457],{"type":32,"tag":53,"props":444,"children":445},{},[446,447,451,452,456],{"type":37,"value":194},{"type":32,"tag":43,"props":448,"children":449},{},[450],{"type":37,"value":199},{"type":37,"value":201},{"type":32,"tag":43,"props":453,"children":454},{},[455],{"type":37,"value":206},{"type":37,"value":208},{"type":32,"tag":53,"props":458,"children":459},{},[460,461,465],{"type":37,"value":213},{"type":32,"tag":43,"props":462,"children":463},{},[464],{"type":37,"value":218},{"type":37,"value":220},{"type":32,"tag":33,"props":467,"children":468},{},[469,470,475],{"type":37,"value":225},{"type":32,"tag":90,"props":471,"children":473},{"className":472},[],[474],{"type":37,"value":231},{"type":37,"value":233},{"type":32,"tag":171,"props":477,"children":478},{"id":236},[479],{"type":37,"value":239},{"type":32,"tag":33,"props":481,"children":482},{},[483,484,488],{"type":37,"value":244},{"type":32,"tag":43,"props":485,"children":486},{},[487],{"type":37,"value":249},{"type":37,"value":251},{"type":32,"tag":33,"props":490,"children":491},{},[492],{"type":37,"value":256},{"type":32,"tag":171,"props":494,"children":495},{"id":259},[496],{"type":37,"value":262},{"type":32,"tag":33,"props":498,"children":499},{},[500,501,505],{"type":37,"value":267},{"type":32,"tag":43,"props":502,"children":503},{},[504],{"type":37,"value":272},{"type":37,"value":274},{"type":32,"tag":33,"props":507,"children":508},{},[509],{"type":37,"value":279},{"type":32,"tag":171,"props":511,"children":512},{"id":282},[513],{"type":37,"value":285},{"type":32,"tag":33,"props":515,"children":516},{},[517,518,523],{"type":37,"value":290},{"type":32,"tag":90,"props":519,"children":521},{"className":520},[],[522],{"type":37,"value":95},{"type":37,"value":297},{"title":7,"searchDepth":299,"depth":299,"links":525},[526],{"id":104,"depth":299,"text":107,"children":527},[528,529,530,531],{"id":173,"depth":304,"text":176},{"id":236,"depth":304,"text":239},{"id":259,"depth":304,"text":262},{"id":282,"depth":304,"text":285},[],1776885163213]