{"id":190,"date":"2024-08-17T08:12:39","date_gmt":"2024-08-17T08:12:39","guid":{"rendered":"https:\/\/librecircuit.com\/?p=190"},"modified":"2024-08-31T22:41:01","modified_gmt":"2024-08-31T22:41:01","slug":"instalacion-codeblock-20-03-en-windows-10","status":"publish","type":"post","link":"https:\/\/librecircuit.com\/index.php\/2024\/08\/17\/instalacion-codeblock-20-03-en-windows-10\/","title":{"rendered":"Instalaci\u00f3n codeblock-20.03 en windows 10"},"content":{"rendered":"\n<p>En este post se muestra como instalar el IDE codeblock-20.03 juntamente con el compilador MinGW, la informaci\u00f3n en este post se resume del material que se encuentra en este<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"> <\/mark><a href=\"https:\/\/forums.wxwidgets.org\/viewtopic.php?f=19&amp;t=47061\" target=\"_blank\" rel=\"noopener\" title=\"\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\">post del foro de wxWidegts<\/mark><\/a><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\"> <\/mark>y <a href=\"https:\/\/www.youtube.com\/watch?v=rVKYRPbKOX8\" target=\"_blank\" rel=\"noopener\" title=\"\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-pale-cyan-blue-color\">en este video de youtube<\/mark><\/a>, este es el primero de una serie de posts en los que se buscan profundizar en el uso de C++ como herramienta de desarrollo para aplicaciones en windows<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Primero se tiene que descargar el instalador del codeblocks (<a href=\"https:\/\/www.codeblocks.org\/downloads\/binaries\/\" target=\"_blank\" rel=\"noopener\" title=\"\">https:\/\/www.codeblocks.org\/downloads\/binaries\/<\/a>) que incluye el compilador MinGW, la selecci\u00f3n marcada en la imagen corresponde al instalador para windows de 64 bits.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"385\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image.png\" alt=\"\" class=\"wp-image-196\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image.png 583w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-300x198.png 300w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/figure><\/div>\n\n\n<p>Una vez descargado el programa se lo puede  instalar simplemente haciendo doble click en el instalador  <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"238\" height=\"31\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-1.png\" alt=\"\" class=\"wp-image-198\"\/><\/figure><\/div>\n\n\n<p>Es suficiente dejar las opciones por defecto hasta llegar a la pantalla final de instalaci\u00f3n<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"491\" height=\"381\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-3.png\" alt=\"\" class=\"wp-image-203\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-3.png 491w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-3-300x233.png 300w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/><\/figure><\/div>\n\n\n<p>El proceso de instalaci\u00f3n es bastante r\u00e1pido simplemente se tiene que esperar a que realice todas las extracciones.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"487\" height=\"379\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-4.png\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-4.png 487w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-4-300x233.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/><\/figure><\/div>\n\n\n<p>Cuando termine la instalaci\u00f3n damos Si para ejecutar el Code::Blocks y probar que podemos crear un proyecto en C++<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"484\" height=\"385\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-5.png\" alt=\"\" class=\"wp-image-205\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-5.png 484w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-5-300x239.png 300w\" sizes=\"(max-width: 484px) 100vw, 484px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"584\" height=\"230\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-2.png\" alt=\"\" class=\"wp-image-200\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-2.png 584w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-2-300x118.png 300w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/figure><\/div>\n\n\n<p>Lo primero que nos muestra el Code::Blocks es una ventana que indica que compiladores han sido detectados, como puede verse en la figura se ha detectado el GNU GCC Compiler<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"392\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-6.png\" alt=\"\" class=\"wp-image-206\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-6.png 566w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-6-300x208.png 300w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/><\/figure><\/div>\n\n\n<p>Al iniciar el programa aparece una ventana que pide se utilice el Code::Blocks como editor por defecto de los archivos de c\u00f3digo de C\/C++, yo suelo utilizar el Notepad++ para ver los archivos de c\u00f3digo en general as\u00ed que dejo todo como esta.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"538\" height=\"272\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-7.png\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-7.png 538w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-7-300x152.png 300w\" sizes=\"(max-width: 538px) 100vw, 538px\" \/><\/figure><\/div>\n\n\n<p>Ahora ya se puede crear un proyecto haciendo click en el menu File -&gt; New -&gt; Project<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"591\" height=\"254\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-8.png\" alt=\"\" class=\"wp-image-208\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-8.png 591w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-8-300x129.png 300w\" sizes=\"(max-width: 591px) 100vw, 591px\" \/><\/figure><\/div>\n\n\n<p>Se busca y selecciona la opci\u00f3n de Console application<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"450\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-10.png\" alt=\"\" class=\"wp-image-210\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-10.png 583w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-10-300x232.png 300w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/figure><\/div>\n\n\n<p>Luego aparece una ventana que nos indica que tipo de proyecto se va a realizar y bueno se puede seleccionar la opci\u00f3n Skip this page next time para que no aparezca al crear otros proyectos<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"503\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-11.png\" alt=\"\" class=\"wp-image-211\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-11.png 511w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-11-300x295.png 300w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/figure><\/div>\n\n\n<p>Ahora es momento de escoger el tipo de lenguaje, en nuestro caso C++<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"498\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-12.png\" alt=\"\" class=\"wp-image-212\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-12.png 517w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-12-300x289.png 300w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure><\/div>\n\n\n<p>En esta ventana viene la parte importante de crear el proyecto, que es darle un nombre y escoger donde se va a guardar, para esto tenemos la opci\u00f3n Project titles, donde se escribe un nombre para el proyecto, no esta dem\u00e1s recomendar que el nombre del proyecto represente de manera general lo que el proyecto realiza, en este caso simplemente se mostrar\u00e1 un mensaje de saludo. A\u00fan mas importante que el nombre del proyecto es donde se lo guarda, para este ejemplo he creado una carpeta CodeBlocks que se encuentra en Documentos, los campos Project filename y Resulting filename se generan automaticamente a medida que colocamos nombre al proyecto y seleccionamos el folder donde se guardar\u00e1 el proyecto.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"506\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-14.png\" alt=\"\" class=\"wp-image-214\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-14.png 517w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-14-300x294.png 300w\" sizes=\"(max-width: 517px) 100vw, 517px\" \/><\/figure><\/div>\n\n\n<p> En la \u00faltima pantalla se tiene que seleccionar el compilador que se utilizar\u00e1, en este caso se deja la opci\u00f3n por defecto (GNU GCC Compiler ), que es el \u00fanico compilador que se tiene habilitado en este momento, las otras opciones que se tienen en esta pantalla son los lugares donde se guardaran los archivos de depuraci\u00f3n (Debug) o de ejecuci\u00f3n (Release), etas opciones no es necesario modificarlos, asi que al presionar Finish se crear\u00e1 el proyecto E01_Hola<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"505\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-15.png\" alt=\"\" class=\"wp-image-215\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-15.png 516w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-15-300x294.png 300w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/figure><\/div>\n\n\n<p>Una vez creado el proyecto aparecer\u00e1 en el Code::Blocks en la pesta\u00f1a Projects un espacio de trabajo (Workspace) con el nombre del proyecto y dentro la carpeta sources se encuentra el archivo main.cpp, en el cual se tiene que hacer doble click para abrirlo en el editor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"426\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-16.png\" alt=\"\" class=\"wp-image-216\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-16.png 648w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-16-300x197.png 300w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-16-600x394.png 600w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/figure><\/div>\n\n\n<p>Al c\u00f3digo por defecto se le puede realizar las siguientes modificaciones antes de realizar la prueba de la compilaci\u00f3n:<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-cpp\" data-lang=\"C++\"><code>#include &lt;iostream&gt;\n\nusing namespace std;\n\nint main()\n{\n    char letra;\n    cout &lt;&lt; &quot;Hola a todos&quot; &lt;&lt; endl;\n    cout &lt;&lt; &quot;Gracias por visitar esta pagina&quot; &lt;&lt; endl;\n    cout &lt;&lt; &quot;presione la tecla enter para terminar&quot; &lt;&lt; endl;\n    cin.get() &gt;&gt; letra;\n    return 0;\n}<\/code><\/pre><\/div>\n\n\n\n<p>Ahora, para verificar que se puede generar el archivo ejecutable se hace click  en el men\u00fa Build -&gt; Build and Run o presionamos la tecla F9, si todo esta bien el programa se ejecuta en una pantalla de consola<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"482\" height=\"174\" src=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-17.png\" alt=\"\" class=\"wp-image-219\" srcset=\"https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-17.png 482w, https:\/\/librecircuit.com\/wp-content\/uploads\/2024\/08\/image-17-300x108.png 300w\" sizes=\"(max-width: 482px) 100vw, 482px\" \/><\/figure><\/div>\n\n\n<p> Bueno, ahora que se tiene instalado y funcionando el Code::Blocks se tiene que realizar las configuraciones para utilizar el wxWidgets, que es lo que realmente nos interesa.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este post se muestra como instalar el IDE codeblock-20.03 juntamente con el compilador MinGW, la informaci\u00f3n en este post se resume del material que se encuentra en este post del foro de wxWidegts y en este video de youtube, este es el primero de una serie de posts en los que se buscan profundizar &hellip;<\/p>\n<p class=\"read-more\"> <a class=\" thunk-readmore button \" href=\"https:\/\/librecircuit.com\/index.php\/2024\/08\/17\/instalacion-codeblock-20-03-en-windows-10\/\"> <span class=\"screen-reader-text\">Instalaci\u00f3n codeblock-20.03 en windows 10<\/span>Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[23],"tags":[28,27],"class_list":["post-190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-c-en-windows","tag-c-c","tag-codeblocks-2","thunk-woo-product-list","opn-qv-enable","top-store-woo-hover-","top-store-single-product-tab-horizontal","top-store-shadow-","top-store-shadow-hover-"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/posts\/190"}],"collection":[{"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":20,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"predecessor-version":[{"id":277,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/posts\/190\/revisions\/277"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/media\/200"}],"wp:attachment":[{"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/librecircuit.com\/index.php\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}