[{"data":1,"prerenderedAt":1031},["ShallowReactive",2],{"tutorial-vscode-extension/install-extension":3,"content-query-4zwiqlpDNY":299,"content-query-WhH1yQqSbF":493},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"readingTime":11,"category":12,"tags":13,"difficulty":15,"module":5,"step":16,"subSteps":17,"learnMore":18,"author":25,"body":29,"_type":293,"_id":294,"_source":295,"_file":296,"_stem":297,"_extension":298},"/tutorials/vscode-extension/install-extension","vscode-extension",false,"","Install the Extension","Install the Bruin VS Code extension and verify it activates correctly in your editor.","2026-04-15",3,"Tutorial",[14],"Bruin CLI","Beginner",1,true,[19,22],{"label":20,"url":21},"Bruin VS Code extension docs","https://getbruin.com/docs/bruin/vscode-extension/overview.html",{"label":23,"url":24},"VS Code extension marketplace","https://marketplace.visualstudio.com/",{"name":26,"role":27,"image":28},"Bruin Team","Bruin Data","/bruin-logo-2025.svg",{"type":30,"children":31,"toc":282},"root",[32,41,47,53,58,64,71,76,137,143,152,171,176,182,194,202,215,223,228,260,265,271,276],{"type":33,"tag":34,"props":35,"children":37},"element","h2",{"id":36},"what-youll-do",[38],{"type":39,"value":40},"text","What you'll do",{"type":33,"tag":42,"props":43,"children":44},"p",{},[45],{"type":39,"value":46},"Install the Bruin VS Code extension and verify it's working in your editor.",{"type":33,"tag":34,"props":48,"children":50},{"id":49},"why-this-step-matters",[51],{"type":39,"value":52},"Why this step matters",{"type":33,"tag":42,"props":54,"children":55},{},[56],{"type":39,"value":57},"The VS Code extension gives you a visual interface for everything you can do with the Bruin CLI - and more. Instead of switching between your editor and terminal, you can run pipelines, view lineage, and preview queries all in one place.",{"type":33,"tag":34,"props":59,"children":61},{"id":60},"instructions",[62],{"type":39,"value":63},"Instructions",{"type":33,"tag":65,"props":66,"children":68},"h3",{"id":67},"_1-open-the-extensions-panel",[69],{"type":39,"value":70},"1) Open the Extensions panel",{"type":33,"tag":42,"props":72,"children":73},{},[74],{"type":39,"value":75},"In VS Code, open the Extensions panel using one of these methods:",{"type":33,"tag":77,"props":78,"children":79},"ul",{},[80,94,116],{"type":33,"tag":81,"props":82,"children":83},"li",{},[84,86,92],{"type":39,"value":85},"Click the ",{"type":33,"tag":87,"props":88,"children":89},"strong",{},[90],{"type":39,"value":91},"Extensions",{"type":39,"value":93}," icon in the left sidebar (it looks like four squares)",{"type":33,"tag":81,"props":95,"children":96},{},[97,99,106,108,114],{"type":39,"value":98},"Press ",{"type":33,"tag":100,"props":101,"children":103},"code",{"className":102},[],[104],{"type":39,"value":105},"Cmd+Shift+X",{"type":39,"value":107}," on Mac or ",{"type":33,"tag":100,"props":109,"children":111},{"className":110},[],[112],{"type":39,"value":113},"Ctrl+Shift+X",{"type":39,"value":115}," on Windows/Linux",{"type":33,"tag":81,"props":117,"children":118},{},[119,121,127,129,135],{"type":39,"value":120},"Open the Command Palette (",{"type":33,"tag":100,"props":122,"children":124},{"className":123},[],[125],{"type":39,"value":126},"Cmd+Shift+P",{"type":39,"value":128}," / ",{"type":33,"tag":100,"props":130,"children":132},{"className":131},[],[133],{"type":39,"value":134},"Ctrl+Shift+P",{"type":39,"value":136},") and type \"Extensions: Install Extensions\"",{"type":33,"tag":65,"props":138,"children":140},{"id":139},"_2-search-and-install",[141],{"type":39,"value":142},"2) Search and install",{"type":33,"tag":42,"props":144,"children":145},{},[146],{"type":33,"tag":147,"props":148,"children":151},"img",{"alt":149,"src":150},"Bruin extension in VS Code","/img/learn/tutorials/vscode-marketplace.png",[],{"type":33,"tag":42,"props":153,"children":154},{},[155,157,162,164,169],{"type":39,"value":156},"In the Extensions search bar, type ",{"type":33,"tag":87,"props":158,"children":159},{},[160],{"type":39,"value":161},"Bruin",{"type":39,"value":163},". You'll see the Bruin extension in the results. Click ",{"type":33,"tag":87,"props":165,"children":166},{},[167],{"type":39,"value":168},"Install",{"type":39,"value":170},".",{"type":33,"tag":42,"props":172,"children":173},{},[174],{"type":39,"value":175},"The extension installs in a few seconds. No restart required.",{"type":33,"tag":65,"props":177,"children":179},{"id":178},"_3-verify-the-installation",[180],{"type":39,"value":181},"3) Verify the installation",{"type":33,"tag":42,"props":183,"children":184},{},[185,187,192],{"type":39,"value":186},"Once installed, you should see a ",{"type":33,"tag":87,"props":188,"children":189},{},[190],{"type":39,"value":191},"Bruin icon",{"type":39,"value":193}," in the VS Code sidebar. Click it to open the Bruin panel.",{"type":33,"tag":42,"props":195,"children":196},{},[197],{"type":33,"tag":147,"props":198,"children":201},{"alt":199,"src":200},"Syntax highlighting for Bruin assets","/img/learn/tutorials/vscode-syntax-highlighting.png",[],{"type":33,"tag":42,"props":203,"children":204},{},[205,207,213],{"type":39,"value":206},"If you have a Bruin project open (a folder containing ",{"type":33,"tag":100,"props":208,"children":210},{"className":209},[],[211],{"type":39,"value":212},".bruin.yml",{"type":39,"value":214},"), the extension automatically detects it and shows your pipeline structure. You'll also get syntax highlighting and autocompletion for Bruin asset files.",{"type":33,"tag":42,"props":216,"children":217},{},[218],{"type":33,"tag":147,"props":219,"children":222},{"alt":220,"src":221},"Autocompletion in Bruin asset files","/img/learn/tutorials/vscode-autocomplete.gif",[],{"type":33,"tag":42,"props":224,"children":225},{},[226],{"type":39,"value":227},"If you don't have a project yet, create one first:",{"type":33,"tag":229,"props":230,"children":234},"pre",{"className":231,"code":232,"language":233,"meta":7,"style":7},"language-bash shiki shiki-themes github-dark","bruin init chess\n","bash",[235],{"type":33,"tag":100,"props":236,"children":237},{"__ignoreMap":7},[238],{"type":33,"tag":239,"props":240,"children":242},"span",{"class":241,"line":16},"line",[243,249,255],{"type":33,"tag":239,"props":244,"children":246},{"style":245},"--shiki-default:#B392F0",[247],{"type":39,"value":248},"bruin",{"type":33,"tag":239,"props":250,"children":252},{"style":251},"--shiki-default:#9ECBFF",[253],{"type":39,"value":254}," init",{"type":33,"tag":239,"props":256,"children":257},{"style":251},[258],{"type":39,"value":259}," chess\n",{"type":33,"tag":42,"props":261,"children":262},{},[263],{"type":39,"value":264},"Then open the project folder in VS Code. The extension will activate and you'll see the Bruin panel populated with your pipeline and assets.",{"type":33,"tag":34,"props":266,"children":268},{"id":267},"what-just-happened",[269],{"type":39,"value":270},"What just happened",{"type":33,"tag":42,"props":272,"children":273},{},[274],{"type":39,"value":275},"You installed the Bruin VS Code extension. It provides a visual interface for managing pipelines alongside the CLI. Next, you'll explore its key features - running pipelines, viewing lineage, and previewing query results.",{"type":33,"tag":277,"props":278,"children":279},"style",{},[280],{"type":39,"value":281},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":283,"depth":283,"links":284},2,[285,286,287,292],{"id":36,"depth":283,"text":40},{"id":49,"depth":283,"text":52},{"id":60,"depth":283,"text":63,"children":288},[289,290,291],{"id":67,"depth":11,"text":70},{"id":139,"depth":11,"text":142},{"id":178,"depth":11,"text":181},{"id":267,"depth":283,"text":270},"markdown","content:tutorials:vscode-extension:install-extension.md","content","tutorials/vscode-extension/install-extension.md","tutorials/vscode-extension/install-extension","md",{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"readingTime":11,"category":12,"tags":300,"difficulty":15,"module":5,"step":16,"subSteps":17,"learnMore":301,"author":304,"body":305,"_type":293,"_id":294,"_source":295,"_file":296,"_stem":297,"_extension":298},[14],[302,303],{"label":20,"url":21},{"label":23,"url":24},{"name":26,"role":27,"image":28},{"type":30,"children":306,"toc":483},[307,311,315,319,323,327,331,335,379,383,389,403,407,411,420,426,436,442,446,467,471,475,479],{"type":33,"tag":34,"props":308,"children":309},{"id":36},[310],{"type":39,"value":40},{"type":33,"tag":42,"props":312,"children":313},{},[314],{"type":39,"value":46},{"type":33,"tag":34,"props":316,"children":317},{"id":49},[318],{"type":39,"value":52},{"type":33,"tag":42,"props":320,"children":321},{},[322],{"type":39,"value":57},{"type":33,"tag":34,"props":324,"children":325},{"id":60},[326],{"type":39,"value":63},{"type":33,"tag":65,"props":328,"children":329},{"id":67},[330],{"type":39,"value":70},{"type":33,"tag":42,"props":332,"children":333},{},[334],{"type":39,"value":75},{"type":33,"tag":77,"props":336,"children":337},{},[338,347,363],{"type":33,"tag":81,"props":339,"children":340},{},[341,342,346],{"type":39,"value":85},{"type":33,"tag":87,"props":343,"children":344},{},[345],{"type":39,"value":91},{"type":39,"value":93},{"type":33,"tag":81,"props":348,"children":349},{},[350,351,356,357,362],{"type":39,"value":98},{"type":33,"tag":100,"props":352,"children":354},{"className":353},[],[355],{"type":39,"value":105},{"type":39,"value":107},{"type":33,"tag":100,"props":358,"children":360},{"className":359},[],[361],{"type":39,"value":113},{"type":39,"value":115},{"type":33,"tag":81,"props":364,"children":365},{},[366,367,372,373,378],{"type":39,"value":120},{"type":33,"tag":100,"props":368,"children":370},{"className":369},[],[371],{"type":39,"value":126},{"type":39,"value":128},{"type":33,"tag":100,"props":374,"children":376},{"className":375},[],[377],{"type":39,"value":134},{"type":39,"value":136},{"type":33,"tag":65,"props":380,"children":381},{"id":139},[382],{"type":39,"value":142},{"type":33,"tag":42,"props":384,"children":385},{},[386],{"type":33,"tag":147,"props":387,"children":388},{"alt":149,"src":150},[],{"type":33,"tag":42,"props":390,"children":391},{},[392,393,397,398,402],{"type":39,"value":156},{"type":33,"tag":87,"props":394,"children":395},{},[396],{"type":39,"value":161},{"type":39,"value":163},{"type":33,"tag":87,"props":399,"children":400},{},[401],{"type":39,"value":168},{"type":39,"value":170},{"type":33,"tag":42,"props":404,"children":405},{},[406],{"type":39,"value":175},{"type":33,"tag":65,"props":408,"children":409},{"id":178},[410],{"type":39,"value":181},{"type":33,"tag":42,"props":412,"children":413},{},[414,415,419],{"type":39,"value":186},{"type":33,"tag":87,"props":416,"children":417},{},[418],{"type":39,"value":191},{"type":39,"value":193},{"type":33,"tag":42,"props":421,"children":422},{},[423],{"type":33,"tag":147,"props":424,"children":425},{"alt":199,"src":200},[],{"type":33,"tag":42,"props":427,"children":428},{},[429,430,435],{"type":39,"value":206},{"type":33,"tag":100,"props":431,"children":433},{"className":432},[],[434],{"type":39,"value":212},{"type":39,"value":214},{"type":33,"tag":42,"props":437,"children":438},{},[439],{"type":33,"tag":147,"props":440,"children":441},{"alt":220,"src":221},[],{"type":33,"tag":42,"props":443,"children":444},{},[445],{"type":39,"value":227},{"type":33,"tag":229,"props":447,"children":448},{"className":231,"code":232,"language":233,"meta":7,"style":7},[449],{"type":33,"tag":100,"props":450,"children":451},{"__ignoreMap":7},[452],{"type":33,"tag":239,"props":453,"children":454},{"class":241,"line":16},[455,459,463],{"type":33,"tag":239,"props":456,"children":457},{"style":245},[458],{"type":39,"value":248},{"type":33,"tag":239,"props":460,"children":461},{"style":251},[462],{"type":39,"value":254},{"type":33,"tag":239,"props":464,"children":465},{"style":251},[466],{"type":39,"value":259},{"type":33,"tag":42,"props":468,"children":469},{},[470],{"type":39,"value":264},{"type":33,"tag":34,"props":472,"children":473},{"id":267},[474],{"type":39,"value":270},{"type":33,"tag":42,"props":476,"children":477},{},[478],{"type":39,"value":275},{"type":33,"tag":277,"props":480,"children":481},{},[482],{"type":39,"value":281},{"title":7,"searchDepth":283,"depth":283,"links":484},[485,486,487,492],{"id":36,"depth":283,"text":40},{"id":49,"depth":283,"text":52},{"id":60,"depth":283,"text":63,"children":488},[489,490,491],{"id":67,"depth":11,"text":70},{"id":139,"depth":11,"text":142},{"id":178,"depth":11,"text":181},{"id":267,"depth":283,"text":270},[494,688],{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"readingTime":11,"category":12,"tags":495,"difficulty":15,"module":5,"step":16,"subSteps":17,"learnMore":496,"author":499,"body":500,"_type":293,"_id":294,"_source":295,"_file":296,"_stem":297,"_extension":298},[14],[497,498],{"label":20,"url":21},{"label":23,"url":24},{"name":26,"role":27,"image":28},{"type":30,"children":501,"toc":678},[502,506,510,514,518,522,526,530,574,578,584,598,602,606,615,621,631,637,641,662,666,670,674],{"type":33,"tag":34,"props":503,"children":504},{"id":36},[505],{"type":39,"value":40},{"type":33,"tag":42,"props":507,"children":508},{},[509],{"type":39,"value":46},{"type":33,"tag":34,"props":511,"children":512},{"id":49},[513],{"type":39,"value":52},{"type":33,"tag":42,"props":515,"children":516},{},[517],{"type":39,"value":57},{"type":33,"tag":34,"props":519,"children":520},{"id":60},[521],{"type":39,"value":63},{"type":33,"tag":65,"props":523,"children":524},{"id":67},[525],{"type":39,"value":70},{"type":33,"tag":42,"props":527,"children":528},{},[529],{"type":39,"value":75},{"type":33,"tag":77,"props":531,"children":532},{},[533,542,558],{"type":33,"tag":81,"props":534,"children":535},{},[536,537,541],{"type":39,"value":85},{"type":33,"tag":87,"props":538,"children":539},{},[540],{"type":39,"value":91},{"type":39,"value":93},{"type":33,"tag":81,"props":543,"children":544},{},[545,546,551,552,557],{"type":39,"value":98},{"type":33,"tag":100,"props":547,"children":549},{"className":548},[],[550],{"type":39,"value":105},{"type":39,"value":107},{"type":33,"tag":100,"props":553,"children":555},{"className":554},[],[556],{"type":39,"value":113},{"type":39,"value":115},{"type":33,"tag":81,"props":559,"children":560},{},[561,562,567,568,573],{"type":39,"value":120},{"type":33,"tag":100,"props":563,"children":565},{"className":564},[],[566],{"type":39,"value":126},{"type":39,"value":128},{"type":33,"tag":100,"props":569,"children":571},{"className":570},[],[572],{"type":39,"value":134},{"type":39,"value":136},{"type":33,"tag":65,"props":575,"children":576},{"id":139},[577],{"type":39,"value":142},{"type":33,"tag":42,"props":579,"children":580},{},[581],{"type":33,"tag":147,"props":582,"children":583},{"alt":149,"src":150},[],{"type":33,"tag":42,"props":585,"children":586},{},[587,588,592,593,597],{"type":39,"value":156},{"type":33,"tag":87,"props":589,"children":590},{},[591],{"type":39,"value":161},{"type":39,"value":163},{"type":33,"tag":87,"props":594,"children":595},{},[596],{"type":39,"value":168},{"type":39,"value":170},{"type":33,"tag":42,"props":599,"children":600},{},[601],{"type":39,"value":175},{"type":33,"tag":65,"props":603,"children":604},{"id":178},[605],{"type":39,"value":181},{"type":33,"tag":42,"props":607,"children":608},{},[609,610,614],{"type":39,"value":186},{"type":33,"tag":87,"props":611,"children":612},{},[613],{"type":39,"value":191},{"type":39,"value":193},{"type":33,"tag":42,"props":616,"children":617},{},[618],{"type":33,"tag":147,"props":619,"children":620},{"alt":199,"src":200},[],{"type":33,"tag":42,"props":622,"children":623},{},[624,625,630],{"type":39,"value":206},{"type":33,"tag":100,"props":626,"children":628},{"className":627},[],[629],{"type":39,"value":212},{"type":39,"value":214},{"type":33,"tag":42,"props":632,"children":633},{},[634],{"type":33,"tag":147,"props":635,"children":636},{"alt":220,"src":221},[],{"type":33,"tag":42,"props":638,"children":639},{},[640],{"type":39,"value":227},{"type":33,"tag":229,"props":642,"children":643},{"className":231,"code":232,"language":233,"meta":7,"style":7},[644],{"type":33,"tag":100,"props":645,"children":646},{"__ignoreMap":7},[647],{"type":33,"tag":239,"props":648,"children":649},{"class":241,"line":16},[650,654,658],{"type":33,"tag":239,"props":651,"children":652},{"style":245},[653],{"type":39,"value":248},{"type":33,"tag":239,"props":655,"children":656},{"style":251},[657],{"type":39,"value":254},{"type":33,"tag":239,"props":659,"children":660},{"style":251},[661],{"type":39,"value":259},{"type":33,"tag":42,"props":663,"children":664},{},[665],{"type":39,"value":264},{"type":33,"tag":34,"props":667,"children":668},{"id":267},[669],{"type":39,"value":270},{"type":33,"tag":42,"props":671,"children":672},{},[673],{"type":39,"value":275},{"type":33,"tag":277,"props":675,"children":676},{},[677],{"type":39,"value":281},{"title":7,"searchDepth":283,"depth":283,"links":679},[680,681,682,687],{"id":36,"depth":283,"text":40},{"id":49,"depth":283,"text":52},{"id":60,"depth":283,"text":63,"children":683},[684,685,686],{"id":67,"depth":11,"text":70},{"id":139,"depth":11,"text":142},{"id":178,"depth":11,"text":181},{"id":267,"depth":283,"text":270},{"_path":689,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":690,"description":691,"date":10,"readingTime":692,"category":12,"tags":693,"difficulty":15,"module":5,"step":283,"subSteps":17,"learnMore":694,"author":699,"body":700,"_type":293,"_id":1028,"_source":295,"_file":1029,"_stem":1030,"_extension":298},"/tutorials/vscode-extension/key-features","Key Features","Explore the main features of the Bruin extension - running pipelines, viewing lineage, previewing queries, and managing connections.",5,[14],[695,696],{"label":20,"url":21},{"label":697,"url":698},"Asset lineage (docs)","https://getbruin.com/docs/bruin/core-concepts/lineage.html",{"name":26,"role":27,"image":28},{"type":30,"children":701,"toc":1017},[702,706,711,715,720,724,730,738,748,753,788,801,807,815,842,847,870,875,881,889,908,913,931,937,945,957,990,995,1003,1008,1012],{"type":33,"tag":34,"props":703,"children":704},{"id":36},[705],{"type":39,"value":40},{"type":33,"tag":42,"props":707,"children":708},{},[709],{"type":39,"value":710},"Explore the key features of the Bruin VS Code extension - running pipelines, viewing asset lineage, previewing SQL query results, and managing connections.",{"type":33,"tag":34,"props":712,"children":713},{"id":49},[714],{"type":39,"value":52},{"type":33,"tag":42,"props":716,"children":717},{},[718],{"type":39,"value":719},"The extension is designed to make your daily workflow faster. Instead of running CLI commands and switching to database clients, you can do everything from within VS Code. Understanding these features helps you get the most out of the extension.",{"type":33,"tag":34,"props":721,"children":722},{"id":60},[723],{"type":39,"value":63},{"type":33,"tag":65,"props":725,"children":727},{"id":726},"_1-run-a-pipeline",[728],{"type":39,"value":729},"1) Run a pipeline",{"type":33,"tag":42,"props":731,"children":732},{},[733],{"type":33,"tag":147,"props":734,"children":737},{"alt":735,"src":736},"Run pipelines from VS Code","/img/learn/tutorials/vscode-action-buttons.gif",[],{"type":33,"tag":42,"props":739,"children":740},{},[741,742,746],{"type":39,"value":85},{"type":33,"tag":87,"props":743,"children":744},{},[745],{"type":39,"value":191},{"type":39,"value":747}," in the sidebar to open the Bruin panel. You'll see controls for running your pipeline.",{"type":33,"tag":42,"props":749,"children":750},{},[751],{"type":39,"value":752},"To run:",{"type":33,"tag":754,"props":755,"children":756},"ol",{},[757,776],{"type":33,"tag":81,"props":758,"children":759},{},[760,762,767,769,774],{"type":39,"value":761},"Set the ",{"type":33,"tag":87,"props":763,"children":764},{},[765],{"type":39,"value":766},"start date",{"type":39,"value":768}," and ",{"type":33,"tag":87,"props":770,"children":771},{},[772],{"type":39,"value":773},"end date",{"type":39,"value":775}," for your data ingestion window",{"type":33,"tag":81,"props":777,"children":778},{},[779,781,786],{"type":39,"value":780},"From the dropdown menu, select ",{"type":33,"tag":87,"props":782,"children":783},{},[784],{"type":39,"value":785},"Run",{"type":39,"value":787}," for the whole pipeline",{"type":33,"tag":42,"props":789,"children":790},{},[791,793,799],{"type":39,"value":792},"The extension executes ",{"type":33,"tag":100,"props":794,"children":796},{"className":795},[],[797],{"type":39,"value":798},"bruin run",{"type":39,"value":800}," under the hood and shows the progress in the output panel. You can also run individual assets by right-clicking on them.",{"type":33,"tag":65,"props":802,"children":804},{"id":803},"_2-view-asset-lineage",[805],{"type":39,"value":806},"2) View asset lineage",{"type":33,"tag":42,"props":808,"children":809},{},[810],{"type":33,"tag":147,"props":811,"children":814},{"alt":812,"src":813},"Pipeline lineage visualization","/img/learn/tutorials/vscode-lineage.gif",[],{"type":33,"tag":42,"props":816,"children":817},{},[818,820,826,828,834,836,841],{"type":39,"value":819},"Open any asset file - either a SQL file (",{"type":33,"tag":100,"props":821,"children":823},{"className":822},[],[824],{"type":39,"value":825},".sql",{"type":39,"value":827},") or an ingestr asset (",{"type":33,"tag":100,"props":829,"children":831},{"className":830},[],[832],{"type":39,"value":833},".asset.yml",{"type":39,"value":835},"). In the Bruin panel, click ",{"type":33,"tag":87,"props":837,"children":838},{},[839],{"type":39,"value":840},"Lineage",{"type":39,"value":170},{"type":33,"tag":42,"props":843,"children":844},{},[845],{"type":39,"value":846},"The lineage view shows a visual graph of dependencies:",{"type":33,"tag":77,"props":848,"children":849},{},[850,860],{"type":33,"tag":81,"props":851,"children":852},{},[853,858],{"type":33,"tag":87,"props":854,"children":855},{},[856],{"type":39,"value":857},"Upstream assets",{"type":39,"value":859}," — data sources that feed into this asset",{"type":33,"tag":81,"props":861,"children":862},{},[863,868],{"type":33,"tag":87,"props":864,"children":865},{},[866],{"type":39,"value":867},"Downstream assets",{"type":39,"value":869}," — assets that depend on this one",{"type":33,"tag":42,"props":871,"children":872},{},[873],{"type":39,"value":874},"This is useful for understanding the impact of changes. Before modifying an asset, check its lineage to see what might be affected downstream.",{"type":33,"tag":65,"props":876,"children":878},{"id":877},"_3-preview-sql-queries",[879],{"type":39,"value":880},"3) Preview SQL queries",{"type":33,"tag":42,"props":882,"children":883},{},[884],{"type":33,"tag":147,"props":885,"children":888},{"alt":886,"src":887},"Query preview in VS Code","/img/learn/tutorials/vscode-query-preview.gif",[],{"type":33,"tag":42,"props":890,"children":891},{},[892,894,899,901,906],{"type":39,"value":893},"Open a SQL asset file and navigate to the ",{"type":33,"tag":87,"props":895,"children":896},{},[897],{"type":39,"value":898},"Query Preview",{"type":39,"value":900}," section in the Bruin panel. Click the ",{"type":33,"tag":87,"props":902,"children":903},{},[904],{"type":39,"value":905},"play icon",{"type":39,"value":907}," to execute the query.",{"type":33,"tag":42,"props":909,"children":910},{},[911],{"type":39,"value":912},"The results appear in a formatted table directly inside VS Code. This lets you:",{"type":33,"tag":77,"props":914,"children":915},{},[916,921,926],{"type":33,"tag":81,"props":917,"children":918},{},[919],{"type":39,"value":920},"Iterate on SQL transformations and see results immediately",{"type":33,"tag":81,"props":922,"children":923},{},[924],{"type":39,"value":925},"Verify data quality without switching to a database client",{"type":33,"tag":81,"props":927,"children":928},{},[929],{"type":39,"value":930},"Test queries before running the full pipeline",{"type":33,"tag":65,"props":932,"children":934},{"id":933},"_4-manage-connections",[935],{"type":39,"value":936},"4) Manage connections",{"type":33,"tag":42,"props":938,"children":939},{},[940],{"type":33,"tag":147,"props":941,"children":944},{"alt":942,"src":943},"Manage connections in VS Code","/img/learn/tutorials/vscode-manage-connections.gif",[],{"type":33,"tag":42,"props":946,"children":947},{},[948,950,955],{"type":39,"value":949},"The extension provides a visual interface for managing connections in ",{"type":33,"tag":100,"props":951,"children":953},{"className":952},[],[954],{"type":39,"value":212},{"type":39,"value":956},". Instead of editing the YAML file manually, you can:",{"type":33,"tag":77,"props":958,"children":959},{},[960,970,980],{"type":33,"tag":81,"props":961,"children":962},{},[963,968],{"type":33,"tag":87,"props":964,"children":965},{},[966],{"type":39,"value":967},"Add new connections",{"type":39,"value":969}," — Use the form interface to add PostgreSQL, DuckDB, BigQuery, Notion, and other connections",{"type":33,"tag":81,"props":971,"children":972},{},[973,978],{"type":33,"tag":87,"props":974,"children":975},{},[976],{"type":39,"value":977},"Test connections",{"type":39,"value":979}," — Verify that credentials are correct before running a pipeline",{"type":33,"tag":81,"props":981,"children":982},{},[983,988],{"type":33,"tag":87,"props":984,"children":985},{},[986],{"type":39,"value":987},"View existing connections",{"type":39,"value":989}," — See all configured connections at a glance",{"type":33,"tag":42,"props":991,"children":992},{},[993],{"type":39,"value":994},"You can also manage column schemas visually:",{"type":33,"tag":42,"props":996,"children":997},{},[998],{"type":33,"tag":147,"props":999,"children":1002},{"alt":1000,"src":1001},"Manage columns in VS Code","/img/learn/tutorials/vscode-manage-columns.gif",[],{"type":33,"tag":42,"props":1004,"children":1005},{},[1006],{"type":39,"value":1007},"This is especially helpful when setting up a new project or adding a new data source.",{"type":33,"tag":34,"props":1009,"children":1010},{"id":267},[1011],{"type":39,"value":270},{"type":33,"tag":42,"props":1013,"children":1014},{},[1015],{"type":39,"value":1016},"You explored the core features of the Bruin VS Code extension. You can now run pipelines, inspect lineage, preview query results, and manage connections - all without leaving your editor. The extension works alongside the CLI, so you can use whichever tool fits your workflow.",{"title":7,"searchDepth":283,"depth":283,"links":1018},[1019,1020,1021,1027],{"id":36,"depth":283,"text":40},{"id":49,"depth":283,"text":52},{"id":60,"depth":283,"text":63,"children":1022},[1023,1024,1025,1026],{"id":726,"depth":11,"text":729},{"id":803,"depth":11,"text":806},{"id":877,"depth":11,"text":880},{"id":933,"depth":11,"text":936},{"id":267,"depth":283,"text":270},"content:tutorials:vscode-extension:key-features.md","tutorials/vscode-extension/key-features.md","tutorials/vscode-extension/key-features",1776427881084]