{"id":1070,"date":"2020-05-01T12:59:23","date_gmt":"2020-05-01T11:59:23","guid":{"rendered":"https:\/\/42crdev.prexihost.com\/?p=1070"},"modified":"2023-11-29T15:07:37","modified_gmt":"2023-11-29T15:07:37","slug":"tutorial-openapi-swagger-extension-vs-code","status":"publish","type":"post","link":"https:\/\/staging2022.42crunch.com\/tutorial-openapi-swagger-extension-vs-code\/","title":{"rendered":"OpenAPI Swagger Editor Extension in VS Code"},"content":{"rendered":"\n\n\t<p>Tutorials<\/p>\n\n\t<section>\n<p>The 42Crunch OpenAPI Editor extension in VS Code explained<\/p>\n<\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/staging2022.42crunch.com\/wp-content\/plugins\/bb-plugin\/img\/pixel.png\" alt=\"\" itemprop=\"image\" onerror=\"this.style.display='none'\"  \/>\n<h2>\n\t\tIntroducing the OpenAPI Editor\n\t<\/h2>\n\t<section>\n<p>Why using the OpenAPI editor will save you time and effort creating and editing OpenAPI files.<\/p>\n<\/section>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/870994989?h=41aead348b&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/870173231?h=4d56072ae4&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<h2>\n\t\tHow to install the OpenAPI Editor\n\t<\/h2>\n\t<section>\n<p>A quick run through on the installation of the 42Crunch OpenAPI Editor in VS Code.<\/p>\n<p><a href=\"https:\/\/42crunch.com\/ide-api-integrations\/\">List of the OpenAPI Editor extensions in IDEs<\/a><\/p>\n<\/section>\n<h2>\n\t\tNavigating with the OpenAPI Explorer\n\t<\/h2>\n\t<section>\n<p>Learn how to quickly navigate through your OpenAPI definition file, regardless of how large or complex the OpenAPI file is, by using the OpenAPI Explorer.<\/p>\n<\/section>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888927458?h=8df5e603da&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888979840?h=99b555175c&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<h2>\n\t\tNavigating To Defintions\n\t<\/h2>\n\t<section>\n<p>Learn how to navigate to definitions using references.<\/p>\n<\/section>\n<h2>\n\t\tAdding OpenAPI Elements\n\t<\/h2>\n\t<section>\n<p>How to add new fields and objects into your OpenAPI contract by using the OpenAPI Explorer<\/p>\n<\/section>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888945435?h=232920f9ea&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888966828?h=4dcbf13239&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<h2>\n\t\tOpenAPI Commands &#038; Previews\n\t<\/h2>\n\t<section>\n<p>How to view the full list of available commands including creating a template for new OpenAPI definition files and previewing your OpenAPI definition documentation.<\/p>\n<\/section>\n<h2>\n\t\tIntellisense Explained\n\t<\/h2>\n\t<section>\n<p>What Intellisense is and how to activate it.<\/p>\n<\/section>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888972805?h=58bc76fc48&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888977346?h=d122e32a63&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n<h2>\n\t\tUsing Try-it on API Operations\n\t<\/h2>\n\t<section>\n<p>Learn how to invoke an API operation from inside the IDE using the Try-It Feature. Try-it is a quick way to test to make sure your definition is compatible with the API.<\/p>\n<\/section>\n<h2>\n\t\tCreating an API definition file\n\t<\/h2>\n\t<section>\n<p>Learn how to create an OpenAPI definition file from scratch.<\/p>\n<\/section>\n\t<iframe src=\"https:\/\/player.vimeo.com\/video\/888993969?h=a6a2a5021a&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial we show you how to create a new OpenAPI file in Microsoft Visual Studio Code (VS Code) using the 42Crunch OpenAPI Editor and go through some of the useful features in the editor.<\/p>\n","protected":false},"author":4,"featured_media":12267,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Tutorial - OpenAPI Swagger Extension VS Code","_seopress_titles_desc":"Tutorial on the 42Crunch OpenAPI (Swagger) Editor Extension for VS Code showing how to create a new OpenAPI file and some of the most popular features of the editor.","_seopress_robots_index":"","site-sidebar-layout":"default","site-content-layout":"disabled","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"disabled","ast-hfb-below-header-display":"disabled","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"disabled","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[26,11],"tags":[22,16,19],"class_list":["post-1070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popular","category-tutorials","tag-api-security-platform","tag-api-security-training","tag-openapi-swagger-editor"],"_links":{"self":[{"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/posts\/1070"}],"collection":[{"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/comments?post=1070"}],"version-history":[{"count":2,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/posts\/1070\/revisions"}],"predecessor-version":[{"id":17729,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/posts\/1070\/revisions\/17729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/media\/12267"}],"wp:attachment":[{"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/media?parent=1070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/categories?post=1070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging2022.42crunch.com\/wp-json\/wp\/v2\/tags?post=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}