├── .gitignore ├── docs ├── img │ ├── git.png │ └── git-flujo.png ├── assets │ ├── img │ │ └── search.83621669.svg │ └── js │ │ ├── 3.298b97e0.js │ │ ├── 4.ec654b7b.js │ │ ├── 8.7bdea06f.js │ │ ├── 7.a76800b3.js │ │ ├── 6.9f83d48c.js │ │ ├── 10.c38606ed.js │ │ ├── 9.de08fa57.js │ │ └── 5.32b17142.js ├── 404.html ├── guia │ ├── index.html │ ├── github.html │ └── fundamentos.html ├── 02-github │ └── index.html └── index.html ├── .vuepress ├── dist │ ├── img │ │ ├── git.png │ │ └── git-flujo.png │ ├── assets │ │ ├── js │ │ │ ├── 7.d71211a0.js │ │ │ ├── 3.aae70bd9.js │ │ │ ├── 2.aef8012b.js │ │ │ ├── 4.f0726a49.js │ │ │ └── 6.144c69f2.js │ │ ├── img │ │ │ └── search.83621669.svg │ │ └── css │ │ │ └── 0.styles.d25d0d84.css │ ├── 404.html │ ├── index.html │ └── guia │ │ ├── index.html │ │ ├── github.html │ │ └── fundamentos.html ├── public │ └── img │ │ ├── git.png │ │ └── git-flujo.png └── config.js ├── README.md ├── guia ├── README.md ├── github.md └── fundamentos.md ├── 02-github └── README.md └── 01-fundamentos └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /docs/img/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/docs/img/git.png -------------------------------------------------------------------------------- /docs/img/git-flujo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/docs/img/git-flujo.png -------------------------------------------------------------------------------- /.vuepress/dist/img/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/.vuepress/dist/img/git.png -------------------------------------------------------------------------------- /.vuepress/public/img/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/.vuepress/public/img/git.png -------------------------------------------------------------------------------- /.vuepress/dist/assets/js/7.d71211a0.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{167:function(n,w,o){}}]); -------------------------------------------------------------------------------- /.vuepress/dist/img/git-flujo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/.vuepress/dist/img/git-flujo.png -------------------------------------------------------------------------------- /.vuepress/public/img/git-flujo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bluuweb/tutorial-github/HEAD/.vuepress/public/img/git-flujo.png -------------------------------------------------------------------------------- /docs/assets/img/search.83621669.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.vuepress/dist/assets/img/search.83621669.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /.vuepress/dist/assets/js/3.aae70bd9.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{169:function(t,n,e){"use strict";e.r(n);var s=e(0),c=Object(s.a)({},function(){var t=this.$createElement;return(this._self._c||t)("div",{staticClass:"content"})},[],!1,null,null,null);n.default=c.exports}}]); -------------------------------------------------------------------------------- /.vuepress/dist/assets/js/2.aef8012b.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[2],{165:function(t,n,e){},166:function(t,n,e){"use strict";var a=e(165);e.n(a).a},168:function(t,n,e){"use strict";e.r(n);var a={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,n){var e=n.props,a=n.slots;return t("span",{class:["badge",e.type,e.vertical]},e.text||a().default)}},r=(e(166),e(0)),i=Object(r.a)(a,void 0,void 0,!1,null,"79c83af0",null);n.default=i.exports}}]); -------------------------------------------------------------------------------- /docs/assets/js/3.298b97e0.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[3],{317:function(t,e,n){},348:function(t,e,n){"use strict";var a=n(317);n.n(a).a},357:function(t,e,n){"use strict";n.r(e);var a={functional:!0,props:{type:{type:String,default:"tip"},text:String,vertical:{type:String,default:"top"}},render:function(t,e){var n=e.props,a=e.slots;return t("span",{class:["badge",n.type],style:{verticalAlign:n.vertical}},n.text||a().default)}},i=(n(348),n(43)),r=Object(i.a)(a,void 0,void 0,!1,null,"ee04238a",null);e.default=r.exports}}]); -------------------------------------------------------------------------------- /docs/assets/js/4.ec654b7b.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[4],{350:function(t,e,s){"use strict";s.r(e);var n=["There's nothing here.","How did we get here?","That's a Four-Oh-Four.","Looks like we've got some broken links."],o={methods:{getMsg:function(){return n[Math.floor(Math.random()*n.length)]}}},i=s(43),h=Object(i.a)(o,(function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"theme-container"},[e("div",{staticClass:"theme-default-content"},[e("h1",[this._v("404")]),this._v(" "),e("blockquote",[this._v(this._s(this.getMsg()))]),this._v(" "),e("RouterLink",{attrs:{to:"/"}},[this._v("\n Take me home.\n ")])],1)])}),[],!1,null,null,null);e.default=h.exports}}]); -------------------------------------------------------------------------------- /.vuepress/config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | dest: "docs", 3 | title: "Tutorial GIT / GITHUB", 4 | description: "Aprende a utilizar GIT / GITHUB", 5 | base: "/tutorial-github/", 6 | locales: { 7 | "/": { 8 | lang: "es-ES", 9 | }, 10 | }, 11 | themeConfig: { 12 | nav: [ 13 | { 14 | text: "Guías", 15 | link: "https://bluuweb.github.io/", 16 | }, 17 | { 18 | text: "Youtube", 19 | link: "https://youtube.com/bluuweb", 20 | }, 21 | { 22 | text: "Curso Vue 3", 23 | link: "http://curso-vue-js-udemy.bluuweb.cl", 24 | }, 25 | { 26 | text: "Curso React", 27 | link: "http://curso-react-js-udemy.bluuweb.cl", 28 | }, 29 | ], 30 | sidebar: ["/", "/01-fundamentos/", "/02-github/"], 31 | }, 32 | }; 33 | -------------------------------------------------------------------------------- /.vuepress/dist/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |

404

That's a Four-Oh-Four.
Take me home.
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Git y Github (Guía bluuweb) 2 | 3 | Está guía está diseñada para poder obtener el código del curso "Git y Github - Youtube" de una forma amigable y en español. 4 | 5 | 6 | Puedes apoyar al canal adquiriendo algún curso premium 🙌👌❤ 7 | 8 | ::: tip CURSO EN UDEMY OFERTA! 9 | Aprende desde cero a trabajar con Vue.js 3 y Firebase aquí: [Inscríbete Aquí](http://curso-vue-js-udemy.bluuweb.cl) 10 | Nos vemos en clases! 11 | ::: 12 | 13 | ::: tip CURSO EN UDEMY OFERTA! 14 | Aprende desde cero a trabajar con Bootstrap 5! aquí: [Inscríbete Aquí](http://curso-bootstrap-4-udemy.bluuweb.cl) 15 | Nos vemos en clases! 16 | ::: 17 | 18 | ::: tip CURSO EN UDEMY OFERTA! 19 | Aprende desde cero a trabajar con React.js y Firebase aquí: [Inscríbete Aquí](http://curso-react-js-udemy.bluuweb.cl) 20 | Nos vemos en clases! 21 | ::: 22 | 23 | ## Preguntas y Respuestas 24 | 25 | - [https://discord.gg/xSceUPh](https://discord.gg/xSceUPh) 26 | 27 | ## Extensiones VSCode: 28 | 29 | - [tema VSCode](https://marketplace.visualstudio.com/items?itemName=dbanksdesign.nu-disco) 30 | - [pintar Bracket](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2) 31 | - [vue-vscode-snippets](https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets) 32 | - [vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) 33 | -------------------------------------------------------------------------------- /guia/README.md: -------------------------------------------------------------------------------- 1 | # Introducción a GIT 2 | 3 | Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español. 4 | 5 | ::: warning Aviso 6 | Esta guía está en constante actualización, podría no estar completa. 7 | ::: 8 | 9 | ## ¿Qué es GIT? 10 | Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema :)). Existe la posibilidad de trabajar de forma remota y una opción es GitHub. 11 | 12 | ### Flujo de trabajo de GIT 13 |
14 | flujo git 15 | 16 | **Tratando de explicar la imagen:** Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro. 17 | 18 | ## ¿Qué es GitHub? 19 | Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis. -------------------------------------------------------------------------------- /docs/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |

404

That's a Four-Oh-Four.
15 | Take me home. 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /guia/github.md: -------------------------------------------------------------------------------- 1 | # GITHUB 2 | Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas 3 | 4 | ## Crear una cuenta en Github 5 | Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto :) 6 | 7 | ## Crear una nuevo repositorio 8 | Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto. 9 | 10 | ``` 11 | git remote add origin https://github.com/bluuweb/tutorial-github.git 12 | git push -u origin master 13 | ``` 14 | 15 | Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github. 16 | 17 | ``` js 18 | // Nos muestra en que repositorio estamos enlazados remotamente. 19 | git remote -v 20 | ``` 21 | 22 | ## Subir los tags 23 | Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando. 24 | 25 | ``` 26 | git push --tags 27 | ``` 28 | 29 | ## Push 30 | Al ejecutar el comando `git push` estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar `git remote -v` luego ejecuta: 31 | 32 | ``` 33 | git push 34 | ``` 35 | 36 | ## Pull 37 | Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente.
38 | Es importante estar enlazados remotamente, puedes verificar con: `git remote -v`, luego ejecuta: 39 | 40 | ``` 41 | git pull 42 | ``` 43 | 44 | ## Fetch 45 | Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un `get pull` para realizar un match de nuestros arhivos locales. 46 | 47 | ``` 48 | git fetch 49 | ``` 50 | 51 | ## Clonar repositorio 52 | Para descargar un repositorio completo basta con tomar la url ej: `https://github.com/bluuweb/tutorial-github.git` y ejecutar el siguiente comando en alguna carpeta de su computadora. 53 | 54 | ``` 55 | git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta 56 | ``` -------------------------------------------------------------------------------- /02-github/README.md: -------------------------------------------------------------------------------- 1 | # GITHUB 2 | Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas 3 | 4 | ## Crear una cuenta en Github 5 | Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto :) 6 | 7 | ## Crear una nuevo repositorio 8 | Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto. 9 | 10 | ``` 11 | git remote add origin https://github.com/bluuweb/tutorial-github.git 12 | git push -u origin master 13 | ``` 14 | 15 | Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github. 16 | 17 | ``` js 18 | // Nos muestra en que repositorio estamos enlazados remotamente. 19 | git remote -v 20 | ``` 21 | 22 | ## Subir los tags 23 | Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando. 24 | 25 | ``` 26 | git push --tags 27 | ``` 28 | 29 | ## Push 30 | Al ejecutar el comando `git push` estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar `git remote -v` luego ejecuta: 31 | 32 | ``` 33 | git push 34 | ``` 35 | 36 | ## Pull 37 | Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente.
38 | Es importante estar enlazados remotamente, puedes verificar con: `git remote -v`, luego ejecuta: 39 | 40 | ``` 41 | git pull 42 | ``` 43 | 44 | ## Fetch 45 | Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un `get pull` para realizar un match de nuestros arhivos locales. 46 | 47 | ``` 48 | git fetch 49 | ``` 50 | 51 | ## Clonar repositorio 52 | Para descargar un repositorio completo basta con tomar la url ej: `https://github.com/bluuweb/tutorial-github.git` y ejecutar el siguiente comando en alguna carpeta de su computadora. 53 | 54 | ``` 55 | git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta 56 | ``` -------------------------------------------------------------------------------- /docs/assets/js/8.7bdea06f.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[8],{355:function(a,e,o){"use strict";o.r(e);var t=o(43),s=Object(t.a)({},(function(){var a=this,e=a.$createElement,o=a._self._c||e;return o("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[o("h1",{attrs:{id:"introduccion-a-git"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#introduccion-a-git"}},[a._v("#")]),a._v(" Introducción a GIT")]),a._v(" "),o("p",[a._v("Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español.")]),a._v(" "),o("div",{staticClass:"custom-block warning"},[o("p",{staticClass:"custom-block-title"},[a._v("Aviso")]),a._v(" "),o("p",[a._v("Esta guía está en constante actualización, podría no estar completa.")])]),a._v(" "),o("h2",{attrs:{id:"¿que-es-git"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-git"}},[a._v("#")]),a._v(" ¿Qué es GIT?")]),a._v(" "),o("p",[a._v("Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema 😃). Existe la posibilidad de trabajar de forma remota y una opción es GitHub.")]),a._v(" "),o("h3",{attrs:{id:"flujo-de-trabajo-de-git"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#flujo-de-trabajo-de-git"}},[a._v("#")]),a._v(" Flujo de trabajo de GIT")]),a._v(" "),o("br"),a._v(" "),o("img",{attrs:{src:a.$withBase("/img/git-flujo.png"),alt:"flujo git",width:"500px"}}),a._v(" "),o("p",[o("strong",[a._v("Tratando de explicar la imagen:")]),a._v(" Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro.")]),a._v(" "),o("h2",{attrs:{id:"¿que-es-github"}},[o("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-github"}},[a._v("#")]),a._v(" ¿Qué es GitHub?")]),a._v(" "),o("p",[a._v("Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.")])])}),[],!1,null,null,null);e.default=s.exports}}]); -------------------------------------------------------------------------------- /.vuepress/dist/assets/js/4.f0726a49.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[4],{172:function(e,t,a){"use strict";a.r(t);var s=a(0),r=Object(s.a)({},function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"content"},[e._m(0),e._v(" "),a("p",[e._v("Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español.")]),e._v(" "),e._m(1),e._v(" "),e._m(2),e._v(" "),a("p",[e._v("Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema 😃). Existe la posibilidad de trabajar de forma remota y una opción es GitHub.")]),e._v(" "),e._m(3),e._v(" "),a("br"),e._v(" "),a("img",{attrs:{src:e.$withBase("/img/git-flujo.png"),alt:"flujo git",width:"500px"}}),e._v(" "),e._m(4),e._v(" "),e._m(5),e._v(" "),a("p",[e._v("Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.")])])},[function(){var e=this.$createElement,t=this._self._c||e;return t("h1",{attrs:{id:"introduccion-a-git"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#introduccion-a-git","aria-hidden":"true"}},[this._v("#")]),this._v(" Introducción a GIT")])},function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"warning custom-block"},[t("p",{staticClass:"custom-block-title"},[this._v("Aviso")]),this._v(" "),t("p",[this._v("Esta guía está en constante actualización, podría no estar completa.")])])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"¿que-es-git"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-git","aria-hidden":"true"}},[this._v("#")]),this._v(" ¿Qué es GIT?")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h3",{attrs:{id:"flujo-de-trabajo-de-git"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#flujo-de-trabajo-de-git","aria-hidden":"true"}},[this._v("#")]),this._v(" Flujo de trabajo de GIT")])},function(){var e=this.$createElement,t=this._self._c||e;return t("p",[t("strong",[this._v("Tratando de explicar la imagen:")]),this._v(" Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro.")])},function(){var e=this.$createElement,t=this._self._c||e;return t("h2",{attrs:{id:"¿que-es-github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-github","aria-hidden":"true"}},[this._v("#")]),this._v(" ¿Qué es GitHub?")])}],!1,null,null,null);t.default=r.exports}}]); -------------------------------------------------------------------------------- /docs/assets/js/7.a76800b3.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[7],{352:function(e,t,r){"use strict";r.r(t);var a=r(43),s=Object(a.a)({},(function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[r("h1",{attrs:{id:"git-y-github-guia-bluuweb"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#git-y-github-guia-bluuweb"}},[e._v("#")]),e._v(" Git y Github (Guía bluuweb)")]),e._v(" "),r("p",[e._v('Está guía está diseñada para poder obtener el código del curso "Git y Github - Youtube" de una forma amigable y en español.')]),e._v(" "),r("p",[e._v("Puedes apoyar al canal adquiriendo algún curso premium 🙌👌❤")]),e._v(" "),r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[e._v("CURSO EN UDEMY OFERTA!")]),e._v(" "),r("p",[e._v("Aprende desde cero a trabajar con "),r("b",[e._v("Vue.js 3 y Firebase")]),e._v(" aquí: "),r("a",{attrs:{href:"http://curso-vue-js-udemy.bluuweb.cl",target:"_blank",rel:"noopener noreferrer"}},[e._v("Inscríbete Aquí"),r("OutboundLink")],1),e._v(" "),r("b",[e._v("Nos vemos en clases!")])])]),e._v(" "),r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[e._v("CURSO EN UDEMY OFERTA!")]),e._v(" "),r("p",[e._v("Aprende desde cero a trabajar con "),r("b",[e._v("Bootstrap 5!")]),e._v(" aquí: "),r("a",{attrs:{href:"http://curso-bootstrap-4-udemy.bluuweb.cl",target:"_blank",rel:"noopener noreferrer"}},[e._v("Inscríbete Aquí"),r("OutboundLink")],1),e._v(" "),r("b",[e._v("Nos vemos en clases!")])])]),e._v(" "),r("div",{staticClass:"custom-block tip"},[r("p",{staticClass:"custom-block-title"},[e._v("CURSO EN UDEMY OFERTA!")]),e._v(" "),r("p",[e._v("Aprende desde cero a trabajar con "),r("b",[e._v("React.js y Firebase")]),e._v(" aquí: "),r("a",{attrs:{href:"http://curso-react-js-udemy.bluuweb.cl",target:"_blank",rel:"noopener noreferrer"}},[e._v("Inscríbete Aquí"),r("OutboundLink")],1),e._v(" "),r("b",[e._v("Nos vemos en clases!")])])]),e._v(" "),r("h2",{attrs:{id:"preguntas-y-respuestas"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#preguntas-y-respuestas"}},[e._v("#")]),e._v(" Preguntas y Respuestas")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://discord.gg/xSceUPh",target:"_blank",rel:"noopener noreferrer"}},[e._v("https://discord.gg/xSceUPh"),r("OutboundLink")],1)])]),e._v(" "),r("h2",{attrs:{id:"extensiones-vscode"}},[r("a",{staticClass:"header-anchor",attrs:{href:"#extensiones-vscode"}},[e._v("#")]),e._v(" Extensiones VSCode:")]),e._v(" "),r("ul",[r("li",[r("a",{attrs:{href:"https://marketplace.visualstudio.com/items?itemName=dbanksdesign.nu-disco",target:"_blank",rel:"noopener noreferrer"}},[e._v("tema VSCode"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2",target:"_blank",rel:"noopener noreferrer"}},[e._v("pintar Bracket"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets",target:"_blank",rel:"noopener noreferrer"}},[e._v("vue-vscode-snippets"),r("OutboundLink")],1)]),e._v(" "),r("li",[r("a",{attrs:{href:"https://marketplace.visualstudio.com/items?itemName=octref.vetur",target:"_blank",rel:"noopener noreferrer"}},[e._v("vetur"),r("OutboundLink")],1)])])])}),[],!1,null,null,null);t.default=s.exports}}]); -------------------------------------------------------------------------------- /docs/assets/js/6.9f83d48c.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{356:function(a,e,t){"use strict";t.r(e);var s=t(43),r=Object(s.a)({},(function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[t("h1",{attrs:{id:"github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#github"}},[a._v("#")]),a._v(" GITHUB")]),a._v(" "),t("p",[a._v("Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas")]),a._v(" "),t("h2",{attrs:{id:"crear-una-cuenta-en-github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-cuenta-en-github"}},[a._v("#")]),a._v(" Crear una cuenta en Github")]),a._v(" "),t("p",[a._v("Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃")]),a._v(" "),t("h2",{attrs:{id:"crear-una-nuevo-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-nuevo-repositorio"}},[a._v("#")]),a._v(" Crear una nuevo repositorio")]),a._v(" "),t("p",[a._v("Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git remote add origin https://github.com/bluuweb/tutorial-github.git\ngit push -u origin master\n")])])]),t("p",[a._v("Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.")]),a._v(" "),t("div",{staticClass:"language-js extra-class"},[t("pre",{pre:!0,attrs:{class:"language-js"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos muestra en que repositorio estamos enlazados remotamente.")]),a._v("\ngit remote "),t("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("v\n")])])]),t("h2",{attrs:{id:"subir-los-tags"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#subir-los-tags"}},[a._v("#")]),a._v(" Subir los tags")]),a._v(" "),t("p",[a._v("Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push --tags\n")])])]),t("h2",{attrs:{id:"push"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#push"}},[a._v("#")]),a._v(" Push")]),a._v(" "),t("p",[a._v("Al ejecutar el comando "),t("code",[a._v("git push")]),a._v(" estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar "),t("code",[a._v("git remote -v")]),a._v(" luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push\n")])])]),t("h2",{attrs:{id:"pull"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull"}},[a._v("#")]),a._v(" Pull")]),a._v(" "),t("p",[a._v("Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente. "),t("br"),a._v("\nEs importante estar enlazados remotamente, puedes verificar con: "),t("code",[a._v("git remote -v")]),a._v(", luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git pull\n")])])]),t("h2",{attrs:{id:"fetch"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fetch"}},[a._v("#")]),a._v(" Fetch")]),a._v(" "),t("p",[a._v("Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un "),t("code",[a._v("get pull")]),a._v(" para realizar un match de nuestros arhivos locales.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git fetch\n")])])]),t("h2",{attrs:{id:"clonar-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#clonar-repositorio"}},[a._v("#")]),a._v(" Clonar repositorio")]),a._v(" "),t("p",[a._v("Para descargar un repositorio completo basta con tomar la url ej: "),t("code",[a._v("https://github.com/bluuweb/tutorial-github.git")]),a._v(" y ejecutar el siguiente comando en alguna carpeta de su computadora.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta\n")])])])])}),[],!1,null,null,null);e.default=r.exports}}]); -------------------------------------------------------------------------------- /docs/assets/js/10.c38606ed.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[10],{354:function(a,e,t){"use strict";t.r(e);var s=t(43),r=Object(s.a)({},(function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[t("h1",{attrs:{id:"github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#github"}},[a._v("#")]),a._v(" GITHUB")]),a._v(" "),t("p",[a._v("Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas")]),a._v(" "),t("h2",{attrs:{id:"crear-una-cuenta-en-github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-cuenta-en-github"}},[a._v("#")]),a._v(" Crear una cuenta en Github")]),a._v(" "),t("p",[a._v("Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃")]),a._v(" "),t("h2",{attrs:{id:"crear-una-nuevo-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-nuevo-repositorio"}},[a._v("#")]),a._v(" Crear una nuevo repositorio")]),a._v(" "),t("p",[a._v("Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git remote add origin https://github.com/bluuweb/tutorial-github.git\ngit push -u origin master\n")])])]),t("p",[a._v("Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.")]),a._v(" "),t("div",{staticClass:"language-js extra-class"},[t("pre",{pre:!0,attrs:{class:"language-js"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos muestra en que repositorio estamos enlazados remotamente.")]),a._v("\ngit remote "),t("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("v\n")])])]),t("h2",{attrs:{id:"subir-los-tags"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#subir-los-tags"}},[a._v("#")]),a._v(" Subir los tags")]),a._v(" "),t("p",[a._v("Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push --tags\n")])])]),t("h2",{attrs:{id:"push"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#push"}},[a._v("#")]),a._v(" Push")]),a._v(" "),t("p",[a._v("Al ejecutar el comando "),t("code",[a._v("git push")]),a._v(" estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar "),t("code",[a._v("git remote -v")]),a._v(" luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push\n")])])]),t("h2",{attrs:{id:"pull"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull"}},[a._v("#")]),a._v(" Pull")]),a._v(" "),t("p",[a._v("Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente. "),t("br"),a._v("\nEs importante estar enlazados remotamente, puedes verificar con: "),t("code",[a._v("git remote -v")]),a._v(", luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git pull\n")])])]),t("h2",{attrs:{id:"fetch"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fetch"}},[a._v("#")]),a._v(" Fetch")]),a._v(" "),t("p",[a._v("Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un "),t("code",[a._v("get pull")]),a._v(" para realizar un match de nuestros arhivos locales.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git fetch\n")])])]),t("h2",{attrs:{id:"clonar-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#clonar-repositorio"}},[a._v("#")]),a._v(" Clonar repositorio")]),a._v(" "),t("p",[a._v("Para descargar un repositorio completo basta con tomar la url ej: "),t("code",[a._v("https://github.com/bluuweb/tutorial-github.git")]),a._v(" y ejecutar el siguiente comando en alguna carpeta de su computadora.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta\n")])])])])}),[],!1,null,null,null);e.default=r.exports}}]); -------------------------------------------------------------------------------- /.vuepress/dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB
hero

Tutorial GIT / GITHUB

19 | Aprende a utilizar GIT / GITHUB 20 |

Comenzar →

Simplicity First

Minimal setup with markdown-centered project structure helps you focus on writing.

Vue-Powered

Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue.

Performant

VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.

21 | MIT Licensed | Copyright © 2018-present Evan You 22 |
23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /.vuepress/dist/assets/js/6.144c69f2.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[6],{170:function(a,e,t){"use strict";t.r(e);var r=t(0),s=Object(r.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var a=this,e=a.$createElement,t=a._self._c||e;return t("div",{staticClass:"content"},[t("h1",{attrs:{id:"github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#github","aria-hidden":"true"}},[a._v("#")]),a._v(" GITHUB")]),a._v(" "),t("p",[a._v("Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas")]),a._v(" "),t("h2",{attrs:{id:"crear-una-cuenta-en-github"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-cuenta-en-github","aria-hidden":"true"}},[a._v("#")]),a._v(" Crear una cuenta en Github")]),a._v(" "),t("p",[a._v("Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃")]),a._v(" "),t("h2",{attrs:{id:"crear-una-nuevo-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#crear-una-nuevo-repositorio","aria-hidden":"true"}},[a._v("#")]),a._v(" Crear una nuevo repositorio")]),a._v(" "),t("p",[a._v("Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git remote add origin https://github.com/bluuweb/tutorial-github.git\ngit push -u origin master\n")])])]),t("p",[a._v("Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.")]),a._v(" "),t("div",{staticClass:"language-js extra-class"},[t("pre",{pre:!0,attrs:{class:"language-js"}},[t("code",[t("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos muestra en que repositorio estamos enlazados remotamente.")]),a._v("\ngit remote "),t("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("v\n")])])]),t("h2",{attrs:{id:"subir-los-tags"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#subir-los-tags","aria-hidden":"true"}},[a._v("#")]),a._v(" Subir los tags")]),a._v(" "),t("p",[a._v("Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push --tags\n")])])]),t("h2",{attrs:{id:"push"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#push","aria-hidden":"true"}},[a._v("#")]),a._v(" Push")]),a._v(" "),t("p",[a._v("Al ejecutar el comando "),t("code",[a._v("git push")]),a._v(" estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar "),t("code",[a._v("git remote -v")]),a._v(" luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git push\n")])])]),t("h2",{attrs:{id:"pull"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#pull","aria-hidden":"true"}},[a._v("#")]),a._v(" Pull")]),a._v(" "),t("p",[a._v("Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente. "),t("br"),a._v("\nEs importante estar enlazados remotamente, puedes verificar con: "),t("code",[a._v("git remote -v")]),a._v(", luego ejecuta:")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git pull\n")])])]),t("h2",{attrs:{id:"fetch"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#fetch","aria-hidden":"true"}},[a._v("#")]),a._v(" Fetch")]),a._v(" "),t("p",[a._v("Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un "),t("code",[a._v("get pull")]),a._v(" para realizar un match de nuestros arhivos locales.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git fetch\n")])])]),t("h2",{attrs:{id:"clonar-repositorio"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#clonar-repositorio","aria-hidden":"true"}},[a._v("#")]),a._v(" Clonar repositorio")]),a._v(" "),t("p",[a._v("Para descargar un repositorio completo basta con tomar la url ej: "),t("code",[a._v("https://github.com/bluuweb/tutorial-github.git")]),a._v(" y ejecutar el siguiente comando en alguna carpeta de su computadora.")]),a._v(" "),t("div",{staticClass:"language- extra-class"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[a._v("git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta\n")])])])])}],!1,null,null,null);e.default=s.exports}}]); -------------------------------------------------------------------------------- /.vuepress/dist/guia/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Introducción a GIT | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

Introducción a GIT

Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español.

Aviso

Esta guía está en constante actualización, podría no estar completa.

¿Qué es GIT?

Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema 😃). Existe la posibilidad de trabajar de forma remota y una opción es GitHub.

Flujo de trabajo de GIT


flujo git

Tratando de explicar la imagen: Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro.

¿Qué es GitHub?

Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.

19 | Fundamentos de GIT 20 | 21 | → 22 |

23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /guia/fundamentos.md: -------------------------------------------------------------------------------- 1 | # Fundamentos de GIT 2 | En este apartado podrás comenzar a trabajar con git. 3 | 4 | ## Comandos básicos 5 | Aprendamos los primeros comandos con git 6 | 7 | ``` js 8 | // Conocer la versión de git instalada 9 | git version 10 | ``` 11 | 12 | ``` js 13 | // Ayuda sobre los comandos 14 | git help 15 | ``` 16 | 17 | ``` js 18 | // Iniciar un nuevo repositorio 19 | // Crear la carpeta oculta .git 20 | git init 21 | ``` 22 | 23 | ``` js 24 | // Ver que archivos no han sido registrados 25 | git status 26 | ``` 27 | 28 | ``` js 29 | // Agregar todos los archivos para que esté pendiente de los cambios 30 | git add . 31 | ``` 32 | 33 | ``` js 34 | // Crear commit (fotografía del proyecto en ese momento) 35 | git commit -m "primer commit" 36 | ``` 37 | 38 | ``` js 39 | // Muestra la lista de commit del mas reciente al más antigüo 40 | git log 41 | ``` 42 | 43 | En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando `status` verificará que archivos han sidos modificados. 44 | Cuando deseemos registrar esos cambios tendremos que agregarlos con `add .` así ya estará listo para poder hacer un commit. 45 | El `commit` realiza la copia de ese instante para poder volver en el tiempo si es que es necesario. 46 | 47 | ## Trucos 48 | ``` js 49 | // Muestra en una línea los commit realizados 50 | git log --oneline 51 | ``` 52 | 53 | ``` js 54 | // Muestra en una línea los commit realizados pero más elegante 55 | git log --oneline --decorate --all --graph 56 | ``` 57 | 58 | ``` js 59 | // Solo muestra los archivos modificados 60 | git status -s 61 | ``` 62 | 63 | ::: tip Diferencias entre -- y - 64 | `--decorate` hace referencia a una palabra
65 | `-s` hace referencia al comando o a varios comandos, `-sa` serían dos comandos diferentes 66 | ::: 67 | 68 | ``` js 69 | // Vemos información de la rama maestra 70 | git status -s -b 71 | git status -sb //Hace lo mismo que el comando anterior 72 | ``` 73 | 74 | ## Creando alias globales 75 | Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git. 76 | 77 | ``` js 78 | // Guardamos el alias "lg" que ejecutará todo lo que está entre comillas 79 | git config --global alias.lg "log --oneline --decorate --all --graph" 80 | ``` 81 | 82 | ``` js 83 | // Para ver el archivo config con los alias creados 84 | git config --global -e 85 | ``` 86 | 87 | **Vim** es el editor de código en la línea de comandos 88 | 89 | ::: tip Salir del modo edición "Vim" 90 | Para salir del modo edición de la líneas de comando precionar `:q`, en caso de realizar algún cambio sin guardar escribir `:qa`
91 | `:q!` también sirve para salir sin guardar 92 | ::: 93 | 94 | ``` js 95 | // Modo lectura sin poder modificar 96 | git config --global -l 97 | ``` 98 | 99 | ``` js 100 | // Realiza el add . y commit más mensaje al mismo tiempo 101 | git commit -am "más comandos agregados" 102 | ``` 103 | 104 | ``` js 105 | // Para editar un commit, como por ej: el mensaje 106 | git commit --amend 107 | ``` 108 | 109 | :::tip Trucos de editor Vim 110 | `i` para comenzar a editar
111 | `esc` para salir del modo edición
112 | `wq` para guardar y salir
113 | `q!` salir sin guardar cambios 114 | ::: 115 | 116 | ## Viajes a través de los commit 117 | Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit: 118 | 119 | * f82f457 (HEAD -> master) mas comandos agregados 120 | * f52f3da nuevos comandos en fundamentos.md 121 | * e4ab8af mi primer commit 122 | 123 | ``` js 124 | // Viajamos al commit en específico f52f3da 125 | git reset --mixed f52f3da 126 | ``` 127 | 128 | ``` js 129 | // Viajamos al commit en específico f52f3da y eliminamos los cambios futuros 130 | git reset --hard f52f3da 131 | ``` 132 | 133 | ``` js 134 | // Muestra todos los cambios incluso si borramos los commit 135 | git reflog 136 | ``` 137 | 138 | ``` js 139 | // Viajamos al commit en específico f52f3da y podemos restaurar los archivos 140 | git reset --hard f52f3da 141 | ``` 142 | 143 | Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando: 144 | 145 | ``` 146 | git checkout -- nombreArchivo.conExtensión 147 | ``` 148 | 149 | Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar: 150 | 151 | ``` 152 | git reset --hard 153 | ``` 154 | 155 | Para mayor información visite: [Click aquí](https://git-scm.com/book/es/v2/Herramientas-de-Git-Reiniciar-Desmitificado) 156 | 157 | 158 | ## Renombrar archivos 159 | Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git. 160 | 161 | ``` js 162 | // Cambiar nombre 163 | git mv nombreOriginal.vue nombreNuevo.vue 164 | ``` 165 | Recuerden hacer el commit para registrar los cambios en git. 166 | 167 | ## Eliminar archivos 168 | ``` js 169 | // Cambiar nombre 170 | git rm nombreArchivo.vue 171 | ``` 172 | También recordar hacer el commit para salgar cambios en git. 173 | 174 | ## Ignorando Archivos 175 | Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo: 176 | * .gitignore 177 |
178 | Su estructura de ejemplo sería así: 179 | 180 | ```js 181 | arhivo.js // Ignora el archivo en cuestion 182 | *.js // Ignora todos los arhivos con extensión .js 183 | node_modules/ //Ignora toda la carpeta 184 | ``` 185 | 186 | ## Ramas o branch 187 | Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git. 188 | 189 | ```js 190 | // Crea una nueva rama 191 | git branch nombreRama 192 | ``` 193 | 194 | ```js 195 | // Nos muestra en que rama estamos 196 | git branch 197 | ``` 198 | 199 | ```js 200 | // Nos movemos a la nueva rama 201 | git checkout nombreRama 202 | ``` 203 | 204 | Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando: 205 | 206 | ```js 207 | // Nos movemos a la nueva rama 208 | git merge nombreRama 209 | ``` 210 | 211 | ```js 212 | // Eliminar una rama 213 | git branch -d nombreRama 214 | ``` 215 | 216 | ::: tip Atajos 217 | Podemos utilizar `git checkout -b nuevaRama` para crear la nuevaRama y viajar a ella. 218 | ::: 219 | 220 | ## Tags 221 | Con los tags podemos hacer versiones de nuestro proyecto. 222 | 223 | ```js 224 | // Crear un tags 225 | git tag versionAlpha -m "versión alpha" 226 | ``` 227 | 228 | ```js 229 | // Listar tags 230 | git tag 231 | ``` 232 | 233 | ```js 234 | // Borrar tags 235 | git tag -d nombreTags 236 | ``` 237 | 238 | ```js 239 | // Hacer una versión en un commit anterior ej: f52f3da 240 | git tag -a nombreTag f52f3da -m "version alpha" 241 | ``` 242 | 243 | ```js 244 | // Mostrar información del tag 245 | git show nombreTag 246 | ``` 247 | 248 | 249 | -------------------------------------------------------------------------------- /.vuepress/dist/guia/github.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | GITHUB | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

GITHUB

Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas

Crear una cuenta en Github

Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃

Crear una nuevo repositorio

Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.

git remote add origin https://github.com/bluuweb/tutorial-github.git
19 | git push -u origin master
20 |

Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.

// Nos muestra en que repositorio estamos enlazados remotamente.
21 | git remote -v
22 |

Subir los tags

Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.

git push --tags
23 |

Push

Al ejecutar el comando git push estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar git remote -v luego ejecuta:

git push
24 |

Pull

Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente.
25 | Es importante estar enlazados remotamente, puedes verificar con: git remote -v, luego ejecuta:

git pull
26 |

Fetch

Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un get pull para realizar un match de nuestros arhivos locales.

git fetch
27 |

Clonar repositorio

Para descargar un repositorio completo basta con tomar la url ej: https://github.com/bluuweb/tutorial-github.git y ejecutar el siguiente comando en alguna carpeta de su computadora.

git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta
28 |

29 | ← 30 |

33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /01-fundamentos/README.md: -------------------------------------------------------------------------------- 1 | # Introducción a GIT 2 | 3 | Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español. 4 | 5 | ::: warning Aviso 6 | Esta guía está en constante actualización, podría no estar completa. 7 | ::: 8 | 9 | ## Enlaces 10 | - [Instalar Git](https://git-scm.com/) 11 | - [Github](https://github.com/) 12 | 13 | ## ¿Qué es GIT? 14 | Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema :)). Existe la posibilidad de trabajar de forma remota y una opción es GitHub. 15 | 16 | ### Flujo de trabajo de GIT 17 |
18 | flujo git 19 | 20 | **Tratando de explicar la imagen:** Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro. 21 | 22 | ## ¿Qué es GitHub? 23 | Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis. 24 | 25 | ## Fundamentos de GIT 26 | En este apartado podrás comenzar a trabajar con git. 27 | 28 | ## Comandos básicos 29 | Aprendamos los primeros comandos con git 30 | 31 | ### Versión de git 32 | ``` js 33 | git version 34 | ``` 35 | 36 | ### Registrar nuevo usuario asociado a git: 37 | 38 | :::warning 39 | **No colocar como nombre de usuario** el correo de su cuenta de Github, podría traer problemas a futuro. 40 | ::: 41 | 42 | ```js 43 | git config --global user.name "mi nombre" 44 | ``` 45 | 46 | Es recomendable utilizar el correo asociado a Github 47 | ```js 48 | git config --global user.email "myemail@example.com" 49 | ``` 50 | 51 | ### Ayuda 52 | ``` js 53 | // Ayuda sobre los comandos 54 | git help 55 | ``` 56 | 57 | ### Mi primer repositorio 58 | ``` js 59 | // Iniciar un nuevo repositorio 60 | // Crear la carpeta oculta .git 61 | git init 62 | ``` 63 | 64 | ``` js 65 | // Ver que archivos no han sido registrados 66 | git status 67 | ``` 68 | 69 | ``` js 70 | // Agregar todos los archivos para que esté pendiente de los cambios 71 | git add . 72 | ``` 73 | 74 | ``` js 75 | // Crear commit (fotografía del proyecto en ese momento) 76 | git commit -m "primer commit" 77 | ``` 78 | 79 | ``` js 80 | // Muestra la lista de commit del mas reciente al más antigüo 81 | git log 82 | ``` 83 | 84 | En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando `status` verificará que archivos han sidos modificados. 85 | Cuando deseemos registrar esos cambios tendremos que agregarlos con `add .` así ya estará listo para poder hacer un commit. 86 | El `commit` realiza la copia de ese instante para poder volver en el tiempo si es que es necesario. 87 | 88 | ## Trucos 89 | ``` js 90 | // Muestra en una línea los commit realizados 91 | git log --oneline 92 | ``` 93 | 94 | ``` js 95 | // Muestra en una línea los commit realizados pero más elegante 96 | git log --oneline --decorate --all --graph 97 | ``` 98 | 99 | ``` js 100 | // Solo muestra los archivos modificados 101 | git status -s 102 | ``` 103 | 104 | ::: tip Diferencias entre -- y - 105 | `--decorate` hace referencia a una palabra
106 | `-s` hace referencia al comando o a varios comandos, `-sa` serían dos comandos diferentes 107 | ::: 108 | 109 | ``` js 110 | // Vemos información de la rama maestra 111 | git status -s -b 112 | git status -sb //Hace lo mismo que el comando anterior 113 | ``` 114 | 115 | ## Creando alias globales 116 | Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git. 117 | 118 | ``` js 119 | // Guardamos el alias "lg" que ejecutará todo lo que está entre comillas 120 | git config --global alias.lg "log --oneline --decorate --all --graph" 121 | ``` 122 | 123 | ``` js 124 | // Para ver el archivo config con los alias creados 125 | git config --global -e 126 | ``` 127 | 128 | **Vim** es el editor de código en la línea de comandos 129 | 130 | ::: tip Salir del modo edición "Vim" 131 | Para salir del modo edición de la líneas de comando precionar `:q`, en caso de realizar algún cambio sin guardar escribir `:qa`
132 | `:q!` también sirve para salir sin guardar 133 | ::: 134 | 135 | ``` js 136 | // Modo lectura sin poder modificar 137 | git config --global -l 138 | ``` 139 | 140 | ``` js 141 | // Realiza el add . y commit más mensaje al mismo tiempo 142 | git commit -am "más comandos agregados" 143 | ``` 144 | 145 | ``` js 146 | // Para editar un commit, como por ej: el mensaje 147 | git commit --amend 148 | ``` 149 | 150 | :::tip Trucos de editor Vim 151 | `i` para comenzar a editar
152 | `esc` para salir del modo edición
153 | `wq` para guardar y salir
154 | `q!` salir sin guardar cambios 155 | ::: 156 | 157 | ## Viajes a través de los commit 158 | Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit: 159 | 160 | * f82f457 (HEAD -> master) mas comandos agregados 161 | * f52f3da nuevos comandos en fundamentos.md 162 | * e4ab8af mi primer commit 163 | 164 | ``` js 165 | // Viajamos al commit en específico f52f3da 166 | git reset --mixed f52f3da 167 | ``` 168 | 169 | ``` js 170 | // Viajamos al commit en específico f52f3da y eliminamos los cambios futuros 171 | git reset --hard f52f3da 172 | ``` 173 | 174 | ``` js 175 | // Muestra todos los cambios incluso si borramos los commit 176 | git reflog 177 | ``` 178 | 179 | ``` js 180 | // Viajamos al commit en específico f52f3da y podemos restaurar los archivos 181 | git reset --hard f52f3da 182 | ``` 183 | 184 | Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando: 185 | 186 | ``` 187 | git checkout -- nombreArchivo.conExtensión 188 | ``` 189 | 190 | Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar: 191 | 192 | ``` 193 | git reset --hard 194 | ``` 195 | 196 | Para mayor información visite: [Click aquí](https://git-scm.com/book/es/v2/Herramientas-de-Git-Reiniciar-Desmitificado) 197 | 198 | 199 | ## Renombrar archivos 200 | Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git. 201 | 202 | ``` js 203 | // Cambiar nombre 204 | git mv nombreOriginal.vue nombreNuevo.vue 205 | ``` 206 | Recuerden hacer el commit para registrar los cambios en git. 207 | 208 | ## Eliminar archivos 209 | ``` js 210 | // Cambiar nombre 211 | git rm nombreArchivo.vue 212 | ``` 213 | También recordar hacer el commit para salgar cambios en git. 214 | 215 | ## Ignorando Archivos 216 | Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo: 217 | * .gitignore 218 |
219 | Su estructura de ejemplo sería así: 220 | 221 | ```js 222 | arhivo.js // Ignora el archivo en cuestion 223 | *.js // Ignora todos los arhivos con extensión .js 224 | node_modules/ //Ignora toda la carpeta 225 | ``` 226 | 227 | ## Ramas o branch 228 | Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git. 229 | 230 | ```js 231 | // Crea una nueva rama 232 | git branch nombreRama 233 | ``` 234 | 235 | ```js 236 | // Nos muestra en que rama estamos 237 | git branch 238 | ``` 239 | 240 | ```js 241 | // Nos movemos a la nueva rama 242 | git checkout nombreRama 243 | ``` 244 | 245 | Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando: 246 | 247 | ```js 248 | // Nos movemos a la nueva rama 249 | git merge nombreRama 250 | ``` 251 | 252 | ```js 253 | // Eliminar una rama 254 | git branch -d nombreRama 255 | ``` 256 | 257 | ::: tip Atajos 258 | Podemos utilizar `git checkout -b nuevaRama` para crear la nuevaRama y viajar a ella. 259 | ::: 260 | 261 | ## Tags 262 | Con los tags podemos hacer versiones de nuestro proyecto. 263 | 264 | ```js 265 | // Crear un tags 266 | git tag versionAlpha -m "versión alpha" 267 | ``` 268 | 269 | ```js 270 | // Listar tags 271 | git tag 272 | ``` 273 | 274 | ```js 275 | // Borrar tags 276 | git tag -d nombreTags 277 | ``` 278 | 279 | ```js 280 | // Hacer una versión en un commit anterior ej: f52f3da 281 | git tag -a nombreTag f52f3da -m "version alpha" 282 | ``` 283 | 284 | ```js 285 | // Mostrar información del tag 286 | git show nombreTag 287 | ``` 288 | 289 | 290 | -------------------------------------------------------------------------------- /docs/guia/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Introducción a GIT | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

# Introducción a GIT

Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español.

Aviso

Esta guía está en constante actualización, podría no estar completa.

# ¿Qué es GIT?

Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema 😃). Existe la posibilidad de trabajar de forma remota y una opción es GitHub.

# Flujo de trabajo de GIT


flujo git

Tratando de explicar la imagen: Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro.

# ¿Qué es GitHub?

Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.

31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /docs/guia/github.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | GITHUB | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

# GITHUB

Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas

# Crear una cuenta en Github

Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃

# Crear una nuevo repositorio

Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.

git remote add origin https://github.com/bluuweb/tutorial-github.git
31 | git push -u origin master
32 |

Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.

// Nos muestra en que repositorio estamos enlazados remotamente.
33 | git remote -v
34 |

# Subir los tags

Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.

git push --tags
35 |

# Push

Al ejecutar el comando git push estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar git remote -v luego ejecuta:

git push
36 |

# Pull

Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente.
37 | Es importante estar enlazados remotamente, puedes verificar con: git remote -v, luego ejecuta:

git pull
38 |

# Fetch

Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un get pull para realizar un match de nuestros arhivos locales.

git fetch
39 |

# Clonar repositorio

Para descargar un repositorio completo basta con tomar la url ej: https://github.com/bluuweb/tutorial-github.git y ejecutar el siguiente comando en alguna carpeta de su computadora.

git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta
40 |
41 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /docs/02-github/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | GITHUB | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

# GITHUB

Github es la plataforma online para trabajar con proyectos en git, en simples palabras es utilizar git de forma remota pero entiendase que son cosas totamente distintas

# Crear una cuenta en Github

Para comenzar a trabajar con github tienes que crear una nueva cuenta, es gratis así que no pierdes nada en este punto 😃

# Crear una nuevo repositorio

Para subir nuestro proyecto debemos crear un nuevo repositorio, al momento de la creación nos mostrará una serie de comandos para subir el proyecto.

git remote add origin https://github.com/bluuweb/tutorial-github.git
31 | git push -u origin master
32 |

Al ejecutar estas líneas de comando te pedirá el usuario y contraseña de tu cuenta de github.

// Nos muestra en que repositorio estamos enlazados remotamente.
33 | git remote -v
34 |

# Subir los tags

Por defecto si creaste un proyecto con diferentes versiones no subirá los tags, para eso tenemos el siguiente comando.

git push --tags
35 |

# Push

Al ejecutar el comando git push estaremos subiendo todos los cambios locales al servidor remoto de github, ten en cuenta que tienes que estar enlazado con tu repositorio, para eso puedes utilizar git remote -v luego ejecuta:

git push
36 |

# Pull

Cuando realizamos cambios directamente en github pero no de forma local, es esencial realizar un pull, donde descargaremos los cambios realizados para seguir trabajando normalmente.
37 | Es importante estar enlazados remotamente, puedes verificar con: git remote -v, luego ejecuta:

git pull
38 |

# Fetch

Este comando hace la comparación de nuestros archivos locales con los del servidor, si existiera alguna diferencia nos pediría realizar un get pull para realizar un match de nuestros arhivos locales.

git fetch
39 |

# Clonar repositorio

Para descargar un repositorio completo basta con tomar la url ej: https://github.com/bluuweb/tutorial-github.git y ejecutar el siguiente comando en alguna carpeta de su computadora.

git clone https://github.com/bluuweb/tutorial-github.git nombreCarpeta
40 |

41 | ← 42 |

45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Git y Github (Guía bluuweb) | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

# Git y Github (Guía bluuweb)

Está guía está diseñada para poder obtener el código del curso "Git y Github - Youtube" de una forma amigable y en español.

Puedes apoyar al canal adquiriendo algún curso premium 🙌👌❤

CURSO EN UDEMY OFERTA!

Aprende desde cero a trabajar con Vue.js 3 y Firebase aquí: Inscríbete Aquí Nos vemos en clases!

CURSO EN UDEMY OFERTA!

Aprende desde cero a trabajar con Bootstrap 5! aquí: Inscríbete Aquí Nos vemos en clases!

CURSO EN UDEMY OFERTA!

Aprende desde cero a trabajar con React.js y Firebase aquí: Inscríbete Aquí Nos vemos en clases!

# Preguntas y Respuestas

# Extensiones VSCode:

31 | Introducción a GIT 32 | 33 | → 34 |

35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /docs/assets/js/9.de08fa57.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[9],{353:function(a,s,e){"use strict";e.r(s);var t=e(43),r=Object(t.a)({},(function(){var a=this,s=a.$createElement,e=a._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[e("h1",{attrs:{id:"fundamentos-de-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fundamentos-de-git"}},[a._v("#")]),a._v(" Fundamentos de GIT")]),a._v(" "),e("p",[a._v("En este apartado podrás comenzar a trabajar con git.")]),a._v(" "),e("h2",{attrs:{id:"comandos-basicos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#comandos-basicos"}},[a._v("#")]),a._v(" Comandos básicos")]),a._v(" "),e("p",[a._v("Aprendamos los primeros comandos con git")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Conocer la versión de git instalada")]),a._v("\ngit version\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ayuda sobre los comandos")]),a._v("\ngit help\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Iniciar un nuevo repositorio")]),a._v("\n"),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear la carpeta oculta .git")]),a._v("\ngit init\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ver que archivos no han sido registrados")]),a._v("\ngit status\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Agregar todos los archivos para que esté pendiente de los cambios")]),a._v("\ngit add "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear commit (fotografía del proyecto en ese momento)")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"primer commit"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra la lista de commit del mas reciente al más antigüo")]),a._v("\ngit log\n")])])]),e("p",[a._v("En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando "),e("code",[a._v("status")]),a._v(" verificará que archivos han sidos modificados.\nCuando deseemos registrar esos cambios tendremos que agregarlos con "),e("code",[a._v("add .")]),a._v(" así ya estará listo para poder hacer un commit.\nEl "),e("code",[a._v("commit")]),a._v(" realiza la copia de ese instante para poder volver en el tiempo si es que es necesario.")]),a._v(" "),e("h2",{attrs:{id:"trucos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#trucos"}},[a._v("#")]),a._v(" Trucos")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra en una línea los commit realizados")]),a._v("\ngit log "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("oneline\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra en una línea los commit realizados pero más elegante")]),a._v("\ngit log "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("oneline "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("decorate "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("all "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("graph\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Solo muestra los archivos modificados")]),a._v("\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("s\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Diferencias entre -- y -")]),a._v(" "),e("p",[e("code",[a._v("--decorate")]),a._v(" hace referencia a una palabra "),e("br"),a._v(" "),e("code",[a._v("-s")]),a._v(" hace referencia al comando o a varios comandos, "),e("code",[a._v("-sa")]),a._v(" serían dos comandos diferentes")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Vemos información de la rama maestra")]),a._v("\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("s "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("b\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("sb "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("//Hace lo mismo que el comando anterior")]),a._v("\n")])])]),e("h2",{attrs:{id:"creando-alias-globales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#creando-alias-globales"}},[a._v("#")]),a._v(" Creando alias globales")]),a._v(" "),e("p",[a._v("Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v('// Guardamos el alias "lg" que ejecutará todo lo que está entre comillas')]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global alias"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("lg "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"log --oneline --decorate --all --graph"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Para ver el archivo config con los alias creados")]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("e\n")])])]),e("p",[e("strong",[a._v("Vim")]),a._v(" es el editor de código en la línea de comandos")]),a._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v('Salir del modo edición "Vim"')]),a._v(" "),e("p",[a._v("Para salir del modo edición de la líneas de comando precionar "),e("code",[a._v(":q")]),a._v(", en caso de realizar algún cambio sin guardar escribir "),e("code",[a._v(":qa")]),a._v(" "),e("br"),a._v(" "),e("code",[a._v(":q!")]),a._v(" también sirve para salir sin guardar")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Modo lectura sin poder modificar")]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("l\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Realiza el add . y commit más mensaje al mismo tiempo")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("am "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"más comandos agregados"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Para editar un commit, como por ej: el mensaje")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("amend\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Trucos de editor Vim")]),a._v(" "),e("p",[e("code",[a._v("i")]),a._v(" para comenzar a editar "),e("br"),a._v(" "),e("code",[a._v("esc")]),a._v(" para salir del modo edición "),e("br"),a._v(" "),e("code",[a._v("wq")]),a._v(" para guardar y salir "),e("br"),a._v(" "),e("code",[a._v("q!")]),a._v(" salir sin guardar cambios")])]),a._v(" "),e("h2",{attrs:{id:"viajes-a-traves-de-los-commit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#viajes-a-traves-de-los-commit"}},[a._v("#")]),a._v(" Viajes a través de los commit")]),a._v(" "),e("p",[a._v("Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit:")]),a._v(" "),e("ul",[e("li",[a._v("f82f457 (HEAD -> master) mas comandos agregados")]),a._v(" "),e("li",[a._v("f52f3da nuevos comandos en fundamentos.md")]),a._v(" "),e("li",[a._v("e4ab8af mi primer commit")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("mixed f52f3da\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da y eliminamos los cambios futuros")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("hard f52f3da\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra todos los cambios incluso si borramos los commit")]),a._v("\ngit reflog\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da y podemos restaurar los archivos")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("hard f52f3da\n")])])]),e("p",[a._v("Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando:")]),a._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[a._v("git checkout -- nombreArchivo.conExtensión\n")])])]),e("p",[a._v("Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar:")]),a._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[a._v("git reset --hard\n")])])]),e("p",[a._v("Para mayor información visite: "),e("a",{attrs:{href:"https://git-scm.com/book/es/v2/Herramientas-de-Git-Reiniciar-Desmitificado",target:"_blank",rel:"noopener noreferrer"}},[a._v("Click aquí"),e("OutboundLink")],1)]),a._v(" "),e("h2",{attrs:{id:"renombrar-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#renombrar-archivos"}},[a._v("#")]),a._v(" Renombrar archivos")]),a._v(" "),e("p",[a._v("Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Cambiar nombre")]),a._v("\ngit mv nombreOriginal"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue nombreNuevo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue\n")])])]),e("p",[a._v("Recuerden hacer el commit para registrar los cambios en git.")]),a._v(" "),e("h2",{attrs:{id:"eliminar-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#eliminar-archivos"}},[a._v("#")]),a._v(" Eliminar archivos")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Cambiar nombre")]),a._v("\ngit rm nombreArchivo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue\n")])])]),e("p",[a._v("También recordar hacer el commit para salgar cambios en git.")]),a._v(" "),e("h2",{attrs:{id:"ignorando-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ignorando-archivos"}},[a._v("#")]),a._v(" Ignorando Archivos")]),a._v(" "),e("p",[a._v("Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo:")]),a._v(" "),e("ul",[e("li",[a._v(".gitignore\n"),e("br"),a._v("\nSu estructura de ejemplo sería así:")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[a._v("arhivo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("js "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ignora el archivo en cuestion")]),a._v("\n"),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("*")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("js "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ignora todos los arhivos con extensión .js")]),a._v("\nnode_modules"),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("/")]),a._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("//Ignora toda la carpeta")]),a._v("\n")])])]),e("h2",{attrs:{id:"ramas-o-branch"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ramas-o-branch"}},[a._v("#")]),a._v(" Ramas o branch")]),a._v(" "),e("p",[a._v('Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git.')]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crea una nueva rama")]),a._v("\ngit branch nombreRama\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos muestra en que rama estamos")]),a._v("\ngit branch\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos movemos a la nueva rama")]),a._v("\ngit checkout nombreRama\n")])])]),e("p",[a._v("Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando:")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos movemos a la nueva rama")]),a._v("\ngit merge nombreRama\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Eliminar una rama")]),a._v("\ngit branch "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("d nombreRama\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Atajos")]),a._v(" "),e("p",[a._v("Podemos utilizar "),e("code",[a._v("git checkout -b nuevaRama")]),a._v(" para crear la nuevaRama y viajar a ella.")])]),a._v(" "),e("h2",{attrs:{id:"tags"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tags"}},[a._v("#")]),a._v(" Tags")]),a._v(" "),e("p",[a._v("Con los tags podemos hacer versiones de nuestro proyecto.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear un tags")]),a._v("\ngit tag versionAlpha "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"versión alpha"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Listar tags")]),a._v("\ngit tag\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Borrar tags")]),a._v("\ngit tag "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("d nombreTags\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Hacer una versión en un commit anterior ej: f52f3da")]),a._v("\ngit tag "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("a nombreTag f52f3da "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"version alpha"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Mostrar información del tag")]),a._v("\ngit show nombreTag\n")])])])])}),[],!1,null,null,null);s.default=r.exports}}]); -------------------------------------------------------------------------------- /.vuepress/dist/guia/fundamentos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Fundamentos de GIT | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

Fundamentos de GIT

En este apartado podrás comenzar a trabajar con git.

Comandos básicos

Aprendamos los primeros comandos con git

// Conocer la versión de git instalada
 19 | git version
 20 | 
// Ayuda sobre los comandos
 21 | git help
 22 | 
// Iniciar un nuevo repositorio
 23 | // Crear la carpeta oculta .git
 24 | git init
 25 | 
// Ver que archivos no han sido registrados
 26 | git status
 27 | 
// Agregar todos los archivos para que esté pendiente de los cambios
 28 | git add .
 29 | 
// Crear commit (fotografía del proyecto en ese momento)
 30 | git commit -m "primer commit"
 31 | 
// Muestra la lista de commit del mas reciente al más antigüo
 32 | git log
 33 |

En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando status verificará que archivos han sidos modificados. 34 | Cuando deseemos registrar esos cambios tendremos que agregarlos con add . así ya estará listo para poder hacer un commit. 35 | El commit realiza la copia de ese instante para poder volver en el tiempo si es que es necesario.

Trucos

// Muestra en una línea los commit realizados
 36 | git log --oneline
 37 | 
// Muestra en una línea los commit realizados pero más elegante
 38 | git log --oneline --decorate --all --graph
 39 | 
// Solo muestra los archivos modificados
 40 | git status -s
 41 |

Diferencias entre -- y -

--decorate hace referencia a una palabra
-s hace referencia al comando o a varios comandos, -sa serían dos comandos diferentes

// Vemos información de la rama maestra
 42 | git status -s -b
 43 | git status -sb //Hace lo mismo que el comando anterior
 44 |

Creando alias globales

Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git.

// Guardamos el alias "lg" que ejecutará todo lo que está entre comillas
 45 | git config --global alias.lg "log --oneline --decorate --all --graph"
 46 | 
// Para ver el archivo config con los alias creados
 47 | git config --global -e
 48 |

Vim es el editor de código en la línea de comandos

Salir del modo edición "Vim"

Para salir del modo edición de la líneas de comando precionar :q, en caso de realizar algún cambio sin guardar escribir :qa
:q! también sirve para salir sin guardar

// Modo lectura sin poder modificar
 49 | git config --global -l
 50 | 
// Realiza el add . y commit más mensaje al mismo tiempo
 51 | git commit -am "más comandos agregados"
 52 | 
// Para editar un commit, como por ej: el mensaje
 53 | git commit --amend
 54 |

Trucos de editor Vim

i para comenzar a editar
esc para salir del modo edición
wq para guardar y salir
q! salir sin guardar cambios

Viajes a través de los commit

Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit:

  • f82f457 (HEAD -> master) mas comandos agregados
  • f52f3da nuevos comandos en fundamentos.md
  • e4ab8af mi primer commit
// Viajamos al commit en específico f52f3da
 55 | git reset --mixed f52f3da
 56 | 
// Viajamos al commit en específico f52f3da y eliminamos los cambios futuros
 57 | git reset --hard f52f3da
 58 | 
// Muestra todos los cambios incluso si borramos los commit
 59 | git reflog
 60 | 
// Viajamos al commit en específico f52f3da y podemos restaurar los archivos
 61 | git reset --hard f52f3da
 62 |

Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando:

git checkout -- nombreArchivo.conExtensión
 63 |

Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar:

git reset --hard
 64 |

Para mayor información visite: Click aquí

Renombrar archivos

Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git.

// Cambiar nombre
 65 | git mv nombreOriginal.vue nombreNuevo.vue
 66 |

Recuerden hacer el commit para registrar los cambios en git.

Eliminar archivos

// Cambiar nombre
 67 | git rm nombreArchivo.vue
 68 |

También recordar hacer el commit para salgar cambios en git.

Ignorando Archivos

Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo:

  • .gitignore 69 |
    70 | Su estructura de ejemplo sería así:
arhivo.js // Ignora el archivo en cuestion
 71 | *.js // Ignora todos los arhivos con extensión .js
 72 | node_modules/ //Ignora toda la carpeta
 73 |

Ramas o branch

Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git.

// Crea una nueva rama
 74 | git branch nombreRama
 75 | 
// Nos muestra en que rama estamos
 76 | git branch
 77 | 
// Nos movemos a la nueva rama
 78 | git checkout nombreRama
 79 |

Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando:

// Nos movemos a la nueva rama
 80 | git merge nombreRama
 81 | 
// Eliminar una rama
 82 | git branch -d nombreRama
 83 |

Atajos

Podemos utilizar git checkout -b nuevaRama para crear la nuevaRama y viajar a ella.

Tags

Con los tags podemos hacer versiones de nuestro proyecto.

// Crear un tags
 84 | git tag versionAlpha -m "versión alpha"
 85 | 
// Listar tags
 86 | git tag
 87 | 
// Borrar tags
 88 | git tag -d nombreTags
 89 | 
// Hacer una versión en un commit anterior ej: f52f3da
 90 | git tag -a nombreTag f52f3da -m "version alpha"
 91 | 
// Mostrar información del tag
 92 | git show nombreTag
 93 |

94 | ← 95 | 98 | GITHUB 99 | 100 | → 101 |

102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /docs/guia/fundamentos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Fundamentos de GIT | Tutorial GIT / GITHUB 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
Tutorial GIT / GITHUB

# Fundamentos de GIT

En este apartado podrás comenzar a trabajar con git.

# Comandos básicos

Aprendamos los primeros comandos con git

// Conocer la versión de git instalada
 31 | git version
 32 | 
// Ayuda sobre los comandos
 33 | git help
 34 | 
// Iniciar un nuevo repositorio
 35 | // Crear la carpeta oculta .git
 36 | git init
 37 | 
// Ver que archivos no han sido registrados
 38 | git status
 39 | 
// Agregar todos los archivos para que esté pendiente de los cambios
 40 | git add .
 41 | 
// Crear commit (fotografía del proyecto en ese momento)
 42 | git commit -m "primer commit"
 43 | 
// Muestra la lista de commit del mas reciente al más antigüo
 44 | git log
 45 |

En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando status verificará que archivos han sidos modificados. 46 | Cuando deseemos registrar esos cambios tendremos que agregarlos con add . así ya estará listo para poder hacer un commit. 47 | El commit realiza la copia de ese instante para poder volver en el tiempo si es que es necesario.

# Trucos

// Muestra en una línea los commit realizados
 48 | git log --oneline
 49 | 
// Muestra en una línea los commit realizados pero más elegante
 50 | git log --oneline --decorate --all --graph
 51 | 
// Solo muestra los archivos modificados
 52 | git status -s
 53 |

Diferencias entre -- y -

--decorate hace referencia a una palabra
-s hace referencia al comando o a varios comandos, -sa serían dos comandos diferentes

// Vemos información de la rama maestra
 54 | git status -s -b
 55 | git status -sb //Hace lo mismo que el comando anterior
 56 |

# Creando alias globales

Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git.

// Guardamos el alias "lg" que ejecutará todo lo que está entre comillas
 57 | git config --global alias.lg "log --oneline --decorate --all --graph"
 58 | 
// Para ver el archivo config con los alias creados
 59 | git config --global -e
 60 |

Vim es el editor de código en la línea de comandos

Salir del modo edición "Vim"

Para salir del modo edición de la líneas de comando precionar :q, en caso de realizar algún cambio sin guardar escribir :qa
:q! también sirve para salir sin guardar

// Modo lectura sin poder modificar
 61 | git config --global -l
 62 | 
// Realiza el add . y commit más mensaje al mismo tiempo
 63 | git commit -am "más comandos agregados"
 64 | 
// Para editar un commit, como por ej: el mensaje
 65 | git commit --amend
 66 |

Trucos de editor Vim

i para comenzar a editar
esc para salir del modo edición
wq para guardar y salir
q! salir sin guardar cambios

# Viajes a través de los commit

Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit:

  • f82f457 (HEAD -> master) mas comandos agregados
  • f52f3da nuevos comandos en fundamentos.md
  • e4ab8af mi primer commit
// Viajamos al commit en específico f52f3da
 67 | git reset --mixed f52f3da
 68 | 
// Viajamos al commit en específico f52f3da y eliminamos los cambios futuros
 69 | git reset --hard f52f3da
 70 | 
// Muestra todos los cambios incluso si borramos los commit
 71 | git reflog
 72 | 
// Viajamos al commit en específico f52f3da y podemos restaurar los archivos
 73 | git reset --hard f52f3da
 74 |

Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando:

git checkout -- nombreArchivo.conExtensión
 75 |

Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar:

git reset --hard
 76 |

Para mayor información visite: Click aquí

# Renombrar archivos

Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git.

// Cambiar nombre
 77 | git mv nombreOriginal.vue nombreNuevo.vue
 78 |

Recuerden hacer el commit para registrar los cambios en git.

# Eliminar archivos

// Cambiar nombre
 79 | git rm nombreArchivo.vue
 80 |

También recordar hacer el commit para salgar cambios en git.

# Ignorando Archivos

Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo:

  • .gitignore 81 |
    82 | Su estructura de ejemplo sería así:
arhivo.js // Ignora el archivo en cuestion
 83 | *.js // Ignora todos los arhivos con extensión .js
 84 | node_modules/ //Ignora toda la carpeta
 85 |

# Ramas o branch

Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git.

// Crea una nueva rama
 86 | git branch nombreRama
 87 | 
// Nos muestra en que rama estamos
 88 | git branch
 89 | 
// Nos movemos a la nueva rama
 90 | git checkout nombreRama
 91 |

Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando:

// Nos movemos a la nueva rama
 92 | git merge nombreRama
 93 | 
// Eliminar una rama
 94 | git branch -d nombreRama
 95 |

Atajos

Podemos utilizar git checkout -b nuevaRama para crear la nuevaRama y viajar a ella.

# Tags

Con los tags podemos hacer versiones de nuestro proyecto.

// Crear un tags
 96 | git tag versionAlpha -m "versión alpha"
 97 | 
// Listar tags
 98 | git tag
 99 | 
// Borrar tags
100 | git tag -d nombreTags
101 | 
// Hacer una versión en un commit anterior ej: f52f3da
102 | git tag -a nombreTag f52f3da -m "version alpha"
103 | 
// Mostrar información del tag
104 | git show nombreTag
105 |
106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /.vuepress/dist/assets/css/0.styles.d25d0d84.css: -------------------------------------------------------------------------------- 1 | .home{padding:3.6rem 2rem 0;max-width:960px;margin:0 auto}.home .hero{text-align:center}.home .hero img{max-width:100%;max-height:280px;display:block;margin:3rem auto 1.5rem}.home .hero h1{font-size:3rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.8rem auto}.home .hero .description{max-width:35rem;font-size:1.6rem;line-height:1.3;color:#6a8bad}.home .hero .action-button{display:inline-block;font-size:1.2rem;color:#fff;background-color:#3eaf7c;padding:.8rem 1.6rem;border-radius:4px;transition:background-color .1s ease;box-sizing:border-box;border-bottom:1px solid #389d70}.home .hero .action-button:hover{background-color:#4abf8a}.home .features{border-top:1px solid #eaecef;padding:1.2rem 0;margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:stretch;justify-content:space-between}.home .feature{flex-grow:1;flex-basis:30%;max-width:30%}.home .feature h2{font-size:1.4rem;font-weight:500;border-bottom:none;padding-bottom:0;color:#3a5169}.home .feature p{color:#4e6e8e}.home .footer{padding:2.5rem;border-top:1px solid #eaecef;text-align:center;color:#4e6e8e}@media (max-width:719px){.home .features{flex-direction:column}.home .feature{max-width:100%;padding:0 2.5rem}}@media (max-width:419px){.home{padding-left:1.5rem;padding-right:1.5rem}.home .hero img{max-height:210px;margin:2rem auto 1.2rem}.home .hero h1{font-size:2rem}.home .hero .action,.home .hero .description,.home .hero h1{margin:1.2rem auto}.home .hero .description{font-size:1.2rem}.home .hero .action-button{font-size:1rem;padding:.6rem 1.2rem}.home .feature h2{font-size:1.25rem}}.badge[data-v-79c83af0]{display:inline-block;font-size:14px;height:18px;line-height:18px;border-radius:3px;padding:0 6px;color:#fff;margin-right:5px;background-color:#42b983}.badge.middle[data-v-79c83af0]{vertical-align:middle}.badge.top[data-v-79c83af0]{vertical-align:top}.badge.green[data-v-79c83af0],.badge.tip[data-v-79c83af0]{background-color:#42b983}.badge.error[data-v-79c83af0]{background-color:#da5961}.badge.warn[data-v-79c83af0],.badge.warning[data-v-79c83af0],.badge.yellow[data-v-79c83af0]{background-color:#e7c000}.search-box{display:inline-block;position:relative;margin-right:1rem}.search-box input{cursor:text;width:10rem;color:#4e6e8e;display:inline-block;border:1px solid #cfd4db;border-radius:2rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:#fff url(/tutorial-github/assets/img/search.83621669.svg) .6rem .5rem no-repeat;background-size:1rem}.search-box input:focus{cursor:auto;border-color:#3eaf7c}.search-box .suggestions{background:#fff;width:20rem;position:absolute;top:1.5rem;border:1px solid #cfd4db;border-radius:6px;padding:.4rem;list-style-type:none}.search-box .suggestions.align-right{right:0}.search-box .suggestion{line-height:1.4;padding:.4rem .6rem;border-radius:4px;cursor:pointer}.search-box .suggestion a{white-space:normal;color:#5d82a6}.search-box .suggestion a .page-title{font-weight:600}.search-box .suggestion a .header{font-size:.9em;margin-left:.25em}.search-box .suggestion.focused{background-color:#f3f4f5}.search-box .suggestion.focused a{color:#3eaf7c}@media (max-width:959px){.search-box input{cursor:pointer;width:0;border-color:transparent;position:relative}.search-box input:focus{cursor:text;left:0;width:10rem}}@media (max-width:959px) and (min-width:719px){.search-box .suggestions{left:0}}@media (max-width:719px){.search-box{margin-right:0}.search-box input{left:1rem}.search-box .suggestions{right:0}}@media (max-width:419px){.search-box .suggestions{width:calc(100vw - 4rem)}.search-box input:focus{width:8rem}}.dropdown-enter,.dropdown-leave-to{height:0!important}.dropdown-wrapper{cursor:pointer}.dropdown-wrapper .dropdown-title{display:block}.dropdown-wrapper .dropdown-title:hover{border-color:transparent}.dropdown-wrapper .dropdown-title .arrow{vertical-align:middle;margin-top:-1px;margin-left:.4rem}.dropdown-wrapper .nav-dropdown .dropdown-item{color:inherit;line-height:1.7rem}.dropdown-wrapper .nav-dropdown .dropdown-item h4{margin:.45rem 0 0;border-top:1px solid #eee;padding:.45rem 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper{padding:0;list-style:none}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem{font-size:.9em}.dropdown-wrapper .nav-dropdown .dropdown-item a{display:block;line-height:1.7rem;position:relative;border-bottom:none;font-weight:400;margin-bottom:0;padding:0 1.5rem 0 1.25rem}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active,.dropdown-wrapper .nav-dropdown .dropdown-item a:hover{color:#3eaf7c}.dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{content:"";width:0;height:0;border-left:5px solid #3eaf7c;border-top:3px solid transparent;border-bottom:3px solid transparent;position:absolute;top:calc(50% - 2px);left:9px}.dropdown-wrapper .nav-dropdown .dropdown-item:first-child h4{margin-top:0;padding-top:0;border-top:0}@media (max-width:719px){.dropdown-wrapper.open .dropdown-title{margin-bottom:.5rem}.dropdown-wrapper .nav-dropdown{transition:height .1s ease-out;overflow:hidden}.dropdown-wrapper .nav-dropdown .dropdown-item h4{border-top:0;margin-top:0;padding-top:0}.dropdown-wrapper .nav-dropdown .dropdown-item>a,.dropdown-wrapper .nav-dropdown .dropdown-item h4{font-size:15px;line-height:2rem}.dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem{font-size:14px;padding-left:1rem}}@media (min-width:719px){.dropdown-wrapper{height:1.8rem}.dropdown-wrapper:hover .nav-dropdown{display:block!important}.dropdown-wrapper .dropdown-title .arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #ccc;border-bottom:0}.dropdown-wrapper .nav-dropdown{display:none;height:auto!important;box-sizing:border-box;max-height:calc(100vh - 2.7rem);overflow-y:auto;position:absolute;top:100%;right:0;background-color:#fff;padding:.6rem 0;border:1px solid #ddd;border-bottom-color:#ccc;text-align:left;border-radius:.25rem;white-space:nowrap;margin:0}}.nav-links{display:inline-block}.nav-links a{line-height:1.4rem;color:inherit}.nav-links a.router-link-active,.nav-links a:hover{color:#3eaf7c}.nav-links .nav-item{position:relative;display:inline-block;margin-left:1.5rem;line-height:2rem}.nav-links .nav-item:first-child{margin-left:0}.nav-links .repo-link{margin-left:1.5rem}@media (max-width:719px){.nav-links .nav-item,.nav-links .repo-link{margin-left:0}}@media (min-width:719px){.nav-links a.router-link-active,.nav-links a:hover{color:#2c3e50}.nav-item>a:not(.external).router-link-active,.nav-item>a:not(.external):hover{margin-bottom:-2px;border-bottom:2px solid #46bd87}}.navbar{padding:.7rem 1.5rem;line-height:2.2rem;position:relative}.navbar a,.navbar img,.navbar span{display:inline-block}.navbar .logo{height:2.2rem;min-width:2.2rem;margin-right:.8rem;vertical-align:top}.navbar .site-name{font-size:1.3rem;font-weight:600;color:#2c3e50;position:relative}.navbar .links{padding-left:1.5rem;box-sizing:border-box;background-color:#fff;white-space:nowrap;font-size:.9rem;position:absolute;right:1.5rem;top:.7rem;display:flex}.navbar .links .search-box{flex:0 0 auto;vertical-align:top}.navbar .links .nav-links{flex:1}@media (max-width:719px){.navbar{padding-left:4rem}.navbar .can-hide{display:none}.navbar .links{padding-left:1.5rem}}.page-edit,.page-nav{max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.page-edit,.page-nav{padding:2rem}}@media (max-width:419px){.page-edit,.page-nav{padding:1.5rem}}.page{padding-bottom:2rem}.page-edit{padding-top:1rem;padding-bottom:1rem;overflow:auto}.page-edit .edit-link{display:inline-block}.page-edit .edit-link a{color:#4e6e8e;margin-right:.25rem}.page-edit .last-updated{float:right;font-size:.9em}.page-edit .last-updated .prefix{font-weight:500;color:#4e6e8e}.page-edit .last-updated .time{font-weight:400;color:#aaa}.page-nav{padding-top:1rem;padding-bottom:0}.page-nav .inner{min-height:2rem;margin-top:0;border-top:1px solid #eaecef;padding-top:1rem;overflow:auto}.page-nav .next{float:right}@media (max-width:719px){.page-edit .edit-link{margin-bottom:.5rem}.page-edit .last-updated{font-size:.8em;float:none;text-align:left}}.sidebar-button{display:none;width:1.25rem;height:1.25rem;position:absolute;padding:.6rem;top:.6rem;left:1rem;cursor:pointer}.sidebar-button .icon{display:block;width:1.25rem;height:1.25rem}@media (max-width:719px){.sidebar-button{display:block}}.sidebar-group:not(.first){margin-top:1em}.sidebar-group .sidebar-group{padding-left:.5em}.sidebar-group:not(.collapsable) .sidebar-heading{cursor:auto;color:inherit}.sidebar-heading{color:#999;transition:color .15s ease;cursor:pointer;font-size:1.1em;font-weight:700;padding:0 1.5rem;margin-top:0;margin-bottom:.5rem}.sidebar-heading.open,.sidebar-heading:hover{color:inherit}.sidebar-heading .arrow{position:relative;top:-.12em;left:.5em}.sidebar-heading:.open .arrow{top:-.18em}.sidebar-group-items{transition:height .1s ease-out;overflow:hidden}.sidebar ul{padding:0;margin:0;list-style-type:none}.sidebar a{display:inline-block}.sidebar .nav-links{display:none;border-bottom:1px solid #eaecef;padding:.5rem 0 .75rem 0}.sidebar .nav-links a{font-weight:600}.sidebar .nav-links .nav-item,.sidebar .nav-links .repo-link{display:block;line-height:1.25rem;font-size:1.1em;padding:.5rem 0 .5rem 1.5rem}.sidebar .sidebar-links{padding:1.5rem 0}@media (max-width:719px){.sidebar .nav-links{display:block}.sidebar .nav-links .dropdown-wrapper .nav-dropdown .dropdown-item a.router-link-active:after{top:calc(1rem - 2px)}.sidebar .sidebar-links{padding:1rem 0}}.sw-update-popup{position:fixed;right:1em;bottom:1em;padding:1em;border:1px solid #3eaf7c;border-radius:3px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.5);text-align:center}.sw-update-popup button{margin-top:.5em;padding:.25em 2em}.sw-update-popup-enter-active,.sw-update-popup-leave-active{transition:opacity .3s,transform .3s}.sw-update-popup-enter,.sw-update-popup-leave-to{opacity:0;transform:translateY(50%) scale(.5)}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}#nprogress{pointer-events:none}#nprogress .bar{background:#3eaf7c;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #3eaf7c,0 0 5px #3eaf7c;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:#3eaf7c;border-left-color:#3eaf7c;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content code{color:#476582;padding:.25rem .5rem;margin:0;font-size:.85em;background-color:rgba(27,31,35,.05);border-radius:3px}.content pre,.content pre[class*=language-]{line-height:1.4;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px;overflow:auto}.content pre[class*=language-] code,.content pre code{color:#fff;padding:0;background-color:transparent;border-radius:0}div[class*=language-]{position:relative;background-color:#282c34;border-radius:6px}div[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}div[class*=language-] pre,div[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}div[class*=language-]:before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:hsla(0,0%,100%,.4)}div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}div[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}div[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}div[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:hsla(0,0%,100%,.3);padding:1.25rem 0;line-height:1.4}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number,div[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;font-size:.85em}div[class*=language-].line-numbers-mode:after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}div[class~=language-js]:before{content:"js"}div[class~=language-ts]:before{content:"ts"}div[class~=language-html]:before{content:"html"}div[class~=language-md]:before{content:"md"}div[class~=language-vue]:before{content:"vue"}div[class~=language-css]:before{content:"css"}div[class~=language-sass]:before{content:"sass"}div[class~=language-scss]:before{content:"scss"}div[class~=language-less]:before{content:"less"}div[class~=language-stylus]:before{content:"stylus"}div[class~=language-go]:before{content:"go"}div[class~=language-java]:before{content:"java"}div[class~=language-c]:before{content:"c"}div[class~=language-sh]:before{content:"sh"}div[class~=language-yaml]:before{content:"yaml"}div[class~=language-py]:before{content:"py"}div[class~=language-javascript]:before{content:"js"}div[class~=language-typescript]:before{content:"ts"}div[class~=language-markup]:before{content:"html"}div[class~=language-markdown]:before{content:"md"}div[class~=language-json]:before{content:"json"}div[class~=language-ruby]:before{content:"rb"}div[class~=language-python]:before{content:"py"}div[class~=language-bash]:before{content:"sh"}.custom-block .custom-block-title{font-weight:600;margin-bottom:-.4rem}.custom-block.danger,.custom-block.tip,.custom-block.warning{padding:.1rem 1.5rem;border-left-width:.5rem;border-left-style:solid;margin:1rem 0}.custom-block.tip{background-color:#f3f5f7;border-color:#42b983}.custom-block.warning{background-color:rgba(255,229,100,.3);border-color:#e7c000;color:#6b5900}.custom-block.warning .custom-block-title{color:#b29400}.custom-block.warning a{color:#2c3e50}.custom-block.danger{background-color:#ffe6e6;border-color:#c00;color:#4d0000}.custom-block.danger .custom-block-title{color:#900}.custom-block.danger a{color:#2c3e50}.arrow{display:inline-block;width:0;height:0}.arrow.up{border-bottom:6px solid #ccc}.arrow.down,.arrow.up{border-left:4px solid transparent;border-right:4px solid transparent}.arrow.down{border-top:6px solid #ccc}.arrow.right{border-left:6px solid #ccc}.arrow.left,.arrow.right{border-top:4px solid transparent;border-bottom:4px solid transparent}.arrow.left{border-right:6px solid #ccc}.content:not(.custom){max-width:740px;margin:0 auto;padding:2rem 2.5rem}@media (max-width:959px){.content:not(.custom){padding:2rem}}@media (max-width:419px){.content:not(.custom){padding:1.5rem}}.table-of-contents .badge{vertical-align:middle}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;color:#2c3e50}.page{padding-left:20rem}.navbar{z-index:20;right:0;height:3.6rem;background-color:#fff;box-sizing:border-box;border-bottom:1px solid #eaecef}.navbar,.sidebar-mask{position:fixed;top:0;left:0}.sidebar-mask{z-index:9;width:100vw;height:100vh;display:none}.sidebar{font-size:15px;background-color:#fff;width:20rem;position:fixed;z-index:10;margin:0;top:3.6rem;left:0;bottom:0;box-sizing:border-box;border-right:1px solid #eaecef;overflow-y:auto}.content:not(.custom)>:first-child{margin-top:3.6rem}.content:not(.custom) a:hover{text-decoration:underline}.content:not(.custom) p.demo{padding:1rem 1.5rem;border:1px solid #ddd;border-radius:4px}.content:not(.custom) img{max-width:100%}.content.custom{padding:0;margin:0}.content.custom img{max-width:100%}a{font-weight:500;text-decoration:none}a,p a code{color:#3eaf7c}p a code{font-weight:400}kbd{background:#eee;border:.15rem solid #ddd;border-bottom:.25rem solid #ddd;border-radius:.15rem;padding:0 .15em}blockquote{font-size:1.2rem;color:#999;border-left:.25rem solid #dfe2e5;margin-left:0;padding-left:1rem}ol,ul{padding-left:1.2em}strong{font-weight:600}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}.content:not(.custom)>h1,.content:not(.custom)>h2,.content:not(.custom)>h3,.content:not(.custom)>h4,.content:not(.custom)>h5,.content:not(.custom)>h6{margin-top:-3.1rem;padding-top:4.6rem;margin-bottom:0}.content:not(.custom)>h1:first-child,.content:not(.custom)>h2:first-child,.content:not(.custom)>h3:first-child,.content:not(.custom)>h4:first-child,.content:not(.custom)>h5:first-child,.content:not(.custom)>h6:first-child{margin-top:-1.5rem;margin-bottom:1rem}.content:not(.custom)>h1:first-child+.custom-block,.content:not(.custom)>h1:first-child+p,.content:not(.custom)>h1:first-child+pre,.content:not(.custom)>h2:first-child+.custom-block,.content:not(.custom)>h2:first-child+p,.content:not(.custom)>h2:first-child+pre,.content:not(.custom)>h3:first-child+.custom-block,.content:not(.custom)>h3:first-child+p,.content:not(.custom)>h3:first-child+pre,.content:not(.custom)>h4:first-child+.custom-block,.content:not(.custom)>h4:first-child+p,.content:not(.custom)>h4:first-child+pre,.content:not(.custom)>h5:first-child+.custom-block,.content:not(.custom)>h5:first-child+p,.content:not(.custom)>h5:first-child+pre,.content:not(.custom)>h6:first-child+.custom-block,.content:not(.custom)>h6:first-child+p,.content:not(.custom)>h6:first-child+pre{margin-top:2rem}h1:hover .header-anchor,h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor,h5:hover .header-anchor,h6:hover .header-anchor{opacity:1}h1{font-size:2.2rem}h2{font-size:1.65rem;padding-bottom:.3rem;border-bottom:1px solid #eaecef}h3{font-size:1.35rem}a.header-anchor{font-size:.85em;float:left;margin-left:-.87em;padding-right:.23em;margin-top:.125em;opacity:0}a.header-anchor:hover{text-decoration:none}.line-number,code,kbd{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ol,p,ul{line-height:1.7}hr{border:0;border-top:1px solid #eaecef}table{border-collapse:collapse;margin:1rem 0;display:block;overflow-x:auto}tr{border-top:1px solid #dfe2e5}tr:nth-child(2n){background-color:#f6f8fa}td,th{border:1px solid #dfe2e5;padding:.6em 1em}.custom-layout{padding-top:3.6rem}.theme-container.sidebar-open .sidebar-mask{display:block}.theme-container.no-navbar .content:not(.custom)>h1,.theme-container.no-navbar h2,.theme-container.no-navbar h3,.theme-container.no-navbar h4,.theme-container.no-navbar h5,.theme-container.no-navbar h6{margin-top:1.5rem;padding-top:0}.theme-container.no-navbar .sidebar{top:0}.theme-container.no-navbar .custom-layout{padding-top:0}@media (min-width:720px){.theme-container.no-sidebar .sidebar{display:none}.theme-container.no-sidebar .page{padding-left:0}}@media (max-width:959px){.sidebar{font-size:15px;width:16.4rem}.page{padding-left:16.4rem}}@media (max-width:719px){.sidebar{top:0;padding-top:3.6rem;transform:translateX(-100%);transition:transform .2s ease}.page{padding-left:0}.theme-container.sidebar-open .sidebar{transform:translateX(0)}.theme-container.no-navbar .sidebar{padding-top:0}}@media (max-width:419px){h1{font-size:1.9rem}.content div[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.icon.outbound{color:#aaa;display:inline-block}.sidebar .sidebar-sub-headers{padding-left:1rem;font-size:.95em}a.sidebar-link{font-weight:400;display:inline-block;color:#2c3e50;border-left:.25rem solid transparent;padding:.35rem 1rem .35rem 1.25rem;line-height:1.4;width:100%;box-sizing:border-box}a.sidebar-link:hover{color:#3eaf7c}a.sidebar-link.active{font-weight:600;color:#3eaf7c;border-left-color:#3eaf7c}.sidebar-group a.sidebar-link{padding-left:2rem}.sidebar-sub-headers a.sidebar-link{padding-top:.25rem;padding-bottom:.25rem;border-left:none}.sidebar-sub-headers a.sidebar-link.active{font-weight:500} -------------------------------------------------------------------------------- /docs/assets/js/5.32b17142.js: -------------------------------------------------------------------------------- 1 | (window.webpackJsonp=window.webpackJsonp||[]).push([[5],{351:function(a,s,e){"use strict";e.r(s);var t=e(43),r=Object(t.a)({},(function(){var a=this,s=a.$createElement,e=a._self._c||s;return e("ContentSlotsDistributor",{attrs:{"slot-key":a.$parent.slotKey}},[e("h1",{attrs:{id:"introduccion-a-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#introduccion-a-git"}},[a._v("#")]),a._v(" Introducción a GIT")]),a._v(" "),e("p",[a._v("Está guía está diseñada para poder obtener el código del curso de GIT / GITHUB de una forma amigable y en español.")]),a._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[a._v("Aviso")]),a._v(" "),e("p",[a._v("Esta guía está en constante actualización, podría no estar completa.")])]),a._v(" "),e("h2",{attrs:{id:"enlaces"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#enlaces"}},[a._v("#")]),a._v(" Enlaces")]),a._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://git-scm.com/",target:"_blank",rel:"noopener noreferrer"}},[a._v("Instalar Git"),e("OutboundLink")],1)]),a._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[a._v("Github"),e("OutboundLink")],1)])]),a._v(" "),e("h2",{attrs:{id:"¿que-es-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-git"}},[a._v("#")]),a._v(" ¿Qué es GIT?")]),a._v(" "),e("p",[a._v("Es un software de control de versiones, su propósito es llevar registro de los cambios en archivos de computadora y coordinar el trabajo que varias personas realizan sobre archivos compartidos (También puedes trabajar solo no hay problema 😃). Existe la posibilidad de trabajar de forma remota y una opción es GitHub.")]),a._v(" "),e("h3",{attrs:{id:"flujo-de-trabajo-de-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#flujo-de-trabajo-de-git"}},[a._v("#")]),a._v(" Flujo de trabajo de GIT")]),a._v(" "),e("br"),a._v(" "),e("img",{attrs:{src:a.$withBase("/img/git-flujo.png"),alt:"flujo git",width:"500px"}}),a._v(" "),e("p",[e("strong",[a._v("Tratando de explicar la imagen:")]),a._v(" Tenemos nuestro directorio local (una carpeta en nuestro pc) con muchos archivos, Git nos irá registrando los cambios de archivos o códigos cuando nosotros le indiquemos, así podremos viajar en el tiempo retrocediendo cambios o restaurando versiones de código, ya sea en Local o de forma Remota (servidor externo). En la práctica quedará más claro.")]),a._v(" "),e("h2",{attrs:{id:"¿que-es-github"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#¿que-es-github"}},[a._v("#")]),a._v(" ¿Qué es GitHub?")]),a._v(" "),e("p",[a._v("Es una plataforma de desarrollo colaborativo para alojar proyectos (en la nube) utilizando el sistema de control de versiones Git, Además cuenta con una herramienta muy útil que es GitHub Pages donde podemos publicar nuestros proyectos estáticos (HTML, CSS y JS) gratis.")]),a._v(" "),e("h2",{attrs:{id:"fundamentos-de-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#fundamentos-de-git"}},[a._v("#")]),a._v(" Fundamentos de GIT")]),a._v(" "),e("p",[a._v("En este apartado podrás comenzar a trabajar con git.")]),a._v(" "),e("h2",{attrs:{id:"comandos-basicos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#comandos-basicos"}},[a._v("#")]),a._v(" Comandos básicos")]),a._v(" "),e("p",[a._v("Aprendamos los primeros comandos con git")]),a._v(" "),e("h3",{attrs:{id:"version-de-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#version-de-git"}},[a._v("#")]),a._v(" Versión de git")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[a._v("git version\n")])])]),e("h3",{attrs:{id:"registrar-nuevo-usuario-asociado-a-git"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#registrar-nuevo-usuario-asociado-a-git"}},[a._v("#")]),a._v(" Registrar nuevo usuario asociado a git:")]),a._v(" "),e("div",{staticClass:"custom-block warning"},[e("p",{staticClass:"custom-block-title"},[a._v("WARNING")]),a._v(" "),e("p",[e("strong",[a._v("No colocar como nombre de usuario")]),a._v(" el correo de su cuenta de Github, podría traer problemas a futuro.")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[a._v("git config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global user"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("name "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"mi nombre"')]),a._v("\n")])])]),e("p",[a._v("Es recomendable utilizar el correo asociado a Github")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[a._v("git config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global user"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("email "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"myemail@example.com"')]),a._v("\n")])])]),e("h3",{attrs:{id:"ayuda"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ayuda"}},[a._v("#")]),a._v(" Ayuda")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ayuda sobre los comandos")]),a._v("\ngit help\n")])])]),e("h3",{attrs:{id:"mi-primer-repositorio"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#mi-primer-repositorio"}},[a._v("#")]),a._v(" Mi primer repositorio")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Iniciar un nuevo repositorio")]),a._v("\n"),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear la carpeta oculta .git")]),a._v("\ngit init\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ver que archivos no han sido registrados")]),a._v("\ngit status\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Agregar todos los archivos para que esté pendiente de los cambios")]),a._v("\ngit add "),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear commit (fotografía del proyecto en ese momento)")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"primer commit"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra la lista de commit del mas reciente al más antigüo")]),a._v("\ngit log\n")])])]),e("p",[a._v("En resumidas cuentas nosotros realizamos cambios en nuestros archivos, el comando "),e("code",[a._v("status")]),a._v(" verificará que archivos han sidos modificados.\nCuando deseemos registrar esos cambios tendremos que agregarlos con "),e("code",[a._v("add .")]),a._v(" así ya estará listo para poder hacer un commit.\nEl "),e("code",[a._v("commit")]),a._v(" realiza la copia de ese instante para poder volver en el tiempo si es que es necesario.")]),a._v(" "),e("h2",{attrs:{id:"trucos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#trucos"}},[a._v("#")]),a._v(" Trucos")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra en una línea los commit realizados")]),a._v("\ngit log "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("oneline\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra en una línea los commit realizados pero más elegante")]),a._v("\ngit log "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("oneline "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("decorate "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("all "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("graph\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Solo muestra los archivos modificados")]),a._v("\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("s\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Diferencias entre -- y -")]),a._v(" "),e("p",[e("code",[a._v("--decorate")]),a._v(" hace referencia a una palabra "),e("br"),a._v(" "),e("code",[a._v("-s")]),a._v(" hace referencia al comando o a varios comandos, "),e("code",[a._v("-sa")]),a._v(" serían dos comandos diferentes")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Vemos información de la rama maestra")]),a._v("\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("s "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("b\ngit status "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("sb "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("//Hace lo mismo que el comando anterior")]),a._v("\n")])])]),e("h2",{attrs:{id:"creando-alias-globales"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#creando-alias-globales"}},[a._v("#")]),a._v(" Creando alias globales")]),a._v(" "),e("p",[a._v("Los alias nos sirven para crear atajos de comandos, podemos guardar diferentes alias de forma global y quedarán guardados en la configuración de git.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v('// Guardamos el alias "lg" que ejecutará todo lo que está entre comillas')]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global alias"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("lg "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"log --oneline --decorate --all --graph"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Para ver el archivo config con los alias creados")]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("e\n")])])]),e("p",[e("strong",[a._v("Vim")]),a._v(" es el editor de código en la línea de comandos")]),a._v(" "),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v('Salir del modo edición "Vim"')]),a._v(" "),e("p",[a._v("Para salir del modo edición de la líneas de comando precionar "),e("code",[a._v(":q")]),a._v(", en caso de realizar algún cambio sin guardar escribir "),e("code",[a._v(":qa")]),a._v(" "),e("br"),a._v(" "),e("code",[a._v(":q!")]),a._v(" también sirve para salir sin guardar")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Modo lectura sin poder modificar")]),a._v("\ngit config "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("global "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("l\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Realiza el add . y commit más mensaje al mismo tiempo")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("am "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"más comandos agregados"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Para editar un commit, como por ej: el mensaje")]),a._v("\ngit commit "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("amend\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Trucos de editor Vim")]),a._v(" "),e("p",[e("code",[a._v("i")]),a._v(" para comenzar a editar "),e("br"),a._v(" "),e("code",[a._v("esc")]),a._v(" para salir del modo edición "),e("br"),a._v(" "),e("code",[a._v("wq")]),a._v(" para guardar y salir "),e("br"),a._v(" "),e("code",[a._v("q!")]),a._v(" salir sin guardar cambios")])]),a._v(" "),e("h2",{attrs:{id:"viajes-a-traves-de-los-commit"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#viajes-a-traves-de-los-commit"}},[a._v("#")]),a._v(" Viajes a través de los commit")]),a._v(" "),e("p",[a._v("Vamos a conocer como podemos movernos entre los diferentes commit que tengamos registrados, supongamos que tenemos los siguientes commit:")]),a._v(" "),e("ul",[e("li",[a._v("f82f457 (HEAD -> master) mas comandos agregados")]),a._v(" "),e("li",[a._v("f52f3da nuevos comandos en fundamentos.md")]),a._v(" "),e("li",[a._v("e4ab8af mi primer commit")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("mixed f52f3da\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da y eliminamos los cambios futuros")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("hard f52f3da\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Muestra todos los cambios incluso si borramos los commit")]),a._v("\ngit reflog\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Viajamos al commit en específico f52f3da y podemos restaurar los archivos")]),a._v("\ngit reset "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("--")]),a._v("hard f52f3da\n")])])]),e("p",[a._v("Si no hicimos un commit pero aún así queremos revertir los cambios en un archivo específico podríamos utilizar el siguiente comando:")]),a._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[a._v("git checkout -- nombreArchivo.conExtensión\n")])])]),e("p",[a._v("Si deseamos destruir todos los cambios sin haber realizado un commit podemos utilizar:")]),a._v(" "),e("div",{staticClass:"language- extra-class"},[e("pre",{pre:!0,attrs:{class:"language-text"}},[e("code",[a._v("git reset --hard\n")])])]),e("p",[a._v("Para mayor información visite: "),e("a",{attrs:{href:"https://git-scm.com/book/es/v2/Herramientas-de-Git-Reiniciar-Desmitificado",target:"_blank",rel:"noopener noreferrer"}},[a._v("Click aquí"),e("OutboundLink")],1)]),a._v(" "),e("h2",{attrs:{id:"renombrar-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#renombrar-archivos"}},[a._v("#")]),a._v(" Renombrar archivos")]),a._v(" "),e("p",[a._v("Puede que queramos renombrar un archivo, es recomendable hacerlo directamente en la línea de comandos para registrar los cambios con git.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Cambiar nombre")]),a._v("\ngit mv nombreOriginal"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue nombreNuevo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue\n")])])]),e("p",[a._v("Recuerden hacer el commit para registrar los cambios en git.")]),a._v(" "),e("h2",{attrs:{id:"eliminar-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#eliminar-archivos"}},[a._v("#")]),a._v(" Eliminar archivos")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Cambiar nombre")]),a._v("\ngit rm nombreArchivo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("vue\n")])])]),e("p",[a._v("También recordar hacer el commit para salgar cambios en git.")]),a._v(" "),e("h2",{attrs:{id:"ignorando-archivos"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ignorando-archivos"}},[a._v("#")]),a._v(" Ignorando Archivos")]),a._v(" "),e("p",[a._v("Para no hacer seguimiento de carpetas o archivos, debemos crear el siguiente archivo:")]),a._v(" "),e("ul",[e("li",[a._v(".gitignore\n"),e("br"),a._v("\nSu estructura de ejemplo sería así:")])]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[a._v("arhivo"),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("js "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ignora el archivo en cuestion")]),a._v("\n"),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("*")]),e("span",{pre:!0,attrs:{class:"token punctuation"}},[a._v(".")]),a._v("js "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Ignora todos los arhivos con extensión .js")]),a._v("\nnode_modules"),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("/")]),a._v(" "),e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("//Ignora toda la carpeta")]),a._v("\n")])])]),e("h2",{attrs:{id:"ramas-o-branch"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#ramas-o-branch"}},[a._v("#")]),a._v(" Ramas o branch")]),a._v(" "),e("p",[a._v('Hasta el momento solo hemos trabajado en la rama "master" pero puede que necesitemos crear diferentes ramas para los seguimientos de git.')]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crea una nueva rama")]),a._v("\ngit branch nombreRama\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos muestra en que rama estamos")]),a._v("\ngit branch\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos movemos a la nueva rama")]),a._v("\ngit checkout nombreRama\n")])])]),e("p",[a._v("Podemos unir la rama master con la nueva, para eso tenemos que estar en la master para ejecutar el siguiente comando:")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Nos movemos a la nueva rama")]),a._v("\ngit merge nombreRama\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Eliminar una rama")]),a._v("\ngit branch "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("d nombreRama\n")])])]),e("div",{staticClass:"custom-block tip"},[e("p",{staticClass:"custom-block-title"},[a._v("Atajos")]),a._v(" "),e("p",[a._v("Podemos utilizar "),e("code",[a._v("git checkout -b nuevaRama")]),a._v(" para crear la nuevaRama y viajar a ella.")])]),a._v(" "),e("h2",{attrs:{id:"tags"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#tags"}},[a._v("#")]),a._v(" Tags")]),a._v(" "),e("p",[a._v("Con los tags podemos hacer versiones de nuestro proyecto.")]),a._v(" "),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Crear un tags")]),a._v("\ngit tag versionAlpha "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"versión alpha"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Listar tags")]),a._v("\ngit tag\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Borrar tags")]),a._v("\ngit tag "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("d nombreTags\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Hacer una versión en un commit anterior ej: f52f3da")]),a._v("\ngit tag "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("a nombreTag f52f3da "),e("span",{pre:!0,attrs:{class:"token operator"}},[a._v("-")]),a._v("m "),e("span",{pre:!0,attrs:{class:"token string"}},[a._v('"version alpha"')]),a._v("\n")])])]),e("div",{staticClass:"language-js extra-class"},[e("pre",{pre:!0,attrs:{class:"language-js"}},[e("code",[e("span",{pre:!0,attrs:{class:"token comment"}},[a._v("// Mostrar información del tag")]),a._v("\ngit show nombreTag\n")])])])])}),[],!1,null,null,null);s.default=r.exports}}]); --------------------------------------------------------------------------------