En este tema, le ense\u00f1aremos los conceptos fundamentales para crear extensiones. Aseg\u00farese de tener Node.js<\/a> y Git<\/a> instalados, luego instale Yeoman<\/a> y VS Code Extension Generator<\/a> con:<\/p>\n El generador construye un proyecto de TypeScript o JavaScript listo para el desarrollo. Ejecute el generador y complete algunos campos para un proyecto de TypeScript:<\/p>\n \n vsce<\/a>, short for \u201cVisual Studio \n Make sure you have Node.js<\/a> installed. Then \n You can use \n Tu primera extensi\u00f3n En este tema, le ense\u00f1aremos los conceptos fundamentales para crear extensiones. Aseg\u00farese de tener Node.js y Git instalados, luego instale Yeoman y VS Code Extension Generator con: <span class="token function">npm<\/span> <span class="token function">install<\/span> -g yo generator-code El generador construye un proyecto de TypeScript o JavaScript listo para el desarrollo. Ejecute el generador […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[142],"class_list":["post-687","post","type-post","status-publish","format-standard","hentry","category-sin-categoria","tag-visual-studio-code"],"_links":{"self":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts\/687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=687"}],"version-history":[{"count":0,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts\/687\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<span class="token function">npm<\/span> <span class="token function">install<\/span> -g yo generator-code\n<\/code><\/pre>\nyo code\n\n<span class="token comment"># ? What type of extension do you want to create? New Extension (TypeScript)<\/span>\n<span class="token comment"># ? What's the name of your extension? HelloWorld<\/span>\n<span class="token comment">### Press <Enter> to choose default for all options below ###<\/span>\n\n<span class="token comment"># ? What's the identifier of your extension? helloworld<\/span>\n<span class="token comment"># ? What's the description of your extension? LEAVE BLANK<\/span>\n<span class="token comment"># ? Initialize a git repository? Yes<\/span>\n<span class="token comment"># ? Bundle the source code with webpack? No<\/span>\n<span class="token comment"># ? Which package manager to use? npm<\/span>\n\n<span class="token comment"># ? Do you want to open the new folder with Visual Studio Code? Open with `code`<\/span>\n<\/code><\/pre>\nvsce<\/h1>\n
\n Code Extensions\u201d, is a command-line tool for packaging, publishing and
\n managing VS Code extensions.\n<\/p>\nInstallation<\/h2>\n
\n run:\n<\/p>\nnpm install -g vsce\n<\/code><\/pre>\nUsage<\/h2>\n
vsce<\/code> to easily
\n package<\/a>
\n and
\n publish<\/a>
\n your extensions:\n<\/p>\n$ <span class="token function">cd<\/span> myExtension\n$ vsce package\n<span class="token comment"># myExtension.vsix generated<\/span>\n$ vsce publish\n<span class="token comment"># <publisherID>.myExtension published to VS Code Marketplace<\/span>\n<\/code><\/pre>\nvsce<\/code> can also search, retrieve metadata, and unpublish
\n extensions. For a reference on all the available vsce<\/code> commands,
\n run vsce --help<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"