index.mdx 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345
  1. ---
  2. title: Introducción
  3. description: Comience a usar OpenCode.
  4. ---
  5. import { Tabs, TabItem } from "@astrojs/starlight/components"
  6. import config from "../../../../config.mjs"
  7. export const console = config.console
  8. [**OpenCode**](/) es un agente de codigo de IA de código abierto. Está disponible como interfaz basada en terminal, aplicación de escritorio o extensión IDE.
  9. ![OpenCode TUI con el tema opencode](../../../assets/lander/screenshot.png)
  10. Comencemos.
  11. ---
  12. #### Requisitos previos
  13. Para usar OpenCode en la terminal, necesitará:
  14. 1. Un emulador de terminal moderno como:
  15. - [WezTerm](https://wezterm.org), multiplataforma
  16. - [Alacritty](https://alacritty.org), multiplataforma
  17. - [Ghostty](https://ghostty.org), Linux y macOS
  18. - [Kitty](https://sw.kovidgoyal.net/kitty/), Linux y macOS
  19. 2. Claves de API de los proveedores de LLM que quiera usar.
  20. ---
  21. ## Instalar
  22. La forma más sencilla de instalar OpenCode es mediante el script de instalación.
  23. ```bash
  24. curl -fsSL https://opencode.ai/install | bash
  25. ```
  26. También puedes instalarlo con alguno de los siguientes métodos:
  27. - **Usando Node.js**
  28. <Tabs>
  29. <TabItem label="npm">
  30. ```bash
  31. npm install -g opencode-ai
  32. ```
  33. </TabItem>
  34. <TabItem label="Bun">
  35. ```bash
  36. bun install -g opencode-ai
  37. ```
  38. </TabItem>
  39. <TabItem label="pnpm">
  40. ```bash
  41. pnpm install -g opencode-ai
  42. ```
  43. </TabItem>
  44. <TabItem label="Yarn">
  45. ```bash
  46. yarn global add opencode-ai
  47. ```
  48. </TabItem>
  49. </Tabs>
  50. - **Usando Homebrew en macOS y Linux**
  51. ```bash
  52. brew install anomalyco/tap/opencode
  53. ```
  54. > Recomendamos utilizar el tap OpenCode para las versiones más actualizadas. La fórmula oficial `brew install opencode` la mantiene el equipo Homebrew y se actualiza con menos frecuencia.
  55. - **Usando Paru en Arch Linux**
  56. ```bash
  57. sudo pacman -S opencode # Arch Linux (Stable)
  58. paru -S opencode-bin # Arch Linux (Latest from AUR)
  59. ```
  60. #### Windows
  61. :::tip[Recomendado: Usar WSL]
  62. Para obtener la mejor experiencia en Windows, recomendamos utilizar [Windows Subsystem for Linux (WSL)](/docs/windows-wsl). Ofrece mejor rendimiento y compatibilidad total con las funciones de OpenCode.
  63. :::
  64. - **Usando Chocolatey**
  65. ```bash
  66. choco install opencode
  67. ```
  68. - **Usando Scoop**
  69. ```bash
  70. scoop install opencode
  71. ```
  72. - **Usando NPM**
  73. ```bash
  74. npm install -g opencode-ai
  75. ```
  76. - **Usando Mise**
  77. ```bash
  78. mise use -g github:anomalyco/opencode
  79. ```
  80. - **Usando Docker**
  81. ```bash
  82. docker run -it --rm ghcr.io/anomalyco/opencode
  83. ```
  84. El soporte para instalar OpenCode en Windows usando Bun todavía está en desarrollo.
  85. También puede obtener el binario desde [Versiones](https://github.com/anomalyco/opencode/releases).
  86. ---
  87. ## Configuración
  88. Con OpenCode, puede usar cualquier proveedor de LLM configurando sus claves de API.
  89. Si es nuevo en el uso de proveedores de LLM, le recomendamos usar [OpenCode Zen](/docs/zen).
  90. Es una selección de modelos probados y verificados por el equipo de OpenCode.
  91. 1. Ejecute el comando `/connect` en la TUI, seleccione opencode y diríjase a [opencode.ai/auth](https://opencode.ai/auth).
  92. ```txt
  93. /connect
  94. ```
  95. 2. Inicie sesión, agregue sus datos de facturación y copie su clave de API.
  96. 3. Pega tu clave de API.
  97. ```txt
  98. ┌ API key
  99. │
  100. │
  101. └ enter
  102. ```
  103. También puede seleccionar otro proveedor. [Más información](/docs/providers#directory).
  104. ---
  105. ## Inicializar
  106. Ahora que ya configuró un proveedor, vaya al proyecto en el que quiera trabajar.
  107. ```bash
  108. cd /path/to/project
  109. ```
  110. Luego, ejecute OpenCode.
  111. ```bash
  112. opencode
  113. ```
  114. A continuación, inicialice OpenCode para el proyecto con el siguiente comando:
  115. ```bash frame="none"
  116. /init
  117. ```
  118. OpenCode analizará su proyecto y creará un archivo AGENTS.md en la raíz.
  119. :::tip
  120. Asegúrese de versionar en Git el archivo AGENTS.md de su proyecto.
  121. :::
  122. Esto ayuda a OpenCode a comprender la estructura del proyecto y los patrones de código que se usan en él.
  123. ---
  124. ## Usar
  125. Ahora ya está listo para usar OpenCode en su proyecto. Puede pedirle desde explicaciones del código hasta cambios concretos.
  126. Si es la primera vez que usa un agente de codigo con IA, estos ejemplos pueden servirle como punto de partida.
  127. ---
  128. ### Hacer preguntas
  129. Puede pedirle a OpenCode que le explique el código base.
  130. :::tip
  131. Utilice la tecla `@` para realizar una búsqueda aproximada de archivos dentro del proyecto.
  132. :::
  133. ```txt frame="none" "@packages/functions/src/api/index.ts"
  134. ¿Cómo se maneja la autenticación en @packages/functions/src/api/index.ts
  135. ```
  136. Esto resulta útil cuando hay una parte del código base en la que usted no ha trabajado.
  137. ---
  138. ### Agregar funcionalidades
  139. Puede pedirle a OpenCode que agregue nuevas funcionalidades a su proyecto. Aun así, primero recomendamos pedirle que cree un plan.
  140. 1. **Crear un plan**
  141. OpenCode tiene un modo Plan que desactiva temporalmente su capacidad de hacer cambios y, en su lugar, propone _cómo_ implementará la funcionalidad.
  142. Cambie a este modo con la tecla **Tab.** Verá un indicador en la esquina inferior derecha.
  143. ```bash frame="none" title="Switch to Plan mode"
  144. <TAB>
  145. ```
  146. Ahora describa lo que quiere que haga.
  147. ```txt frame="none"
  148. Cuando un usuario elimine una nota, queremos marcarla como eliminada en la base de datos.
  149. Luego, cree una pantalla que muestre todas las notas eliminadas recientemente.
  150. Desde esa pantalla, el usuario podrá restaurar una nota o eliminarla de forma permanente.
  151. ```
  152. Procure darle a OpenCode suficiente contexto para que entienda exactamente lo que necesita. Ayuda hablarle como si estuviera hablando con un desarrollador junior de su equipo.
  153. :::tip
  154. Déle a OpenCode todo el contexto y los ejemplos que pueda para ayudarle a comprender lo que desea.
  155. :::
  156. 2. **Iterar sobre el plan**
  157. Una vez que OpenCode le proponga un plan, puede darle comentarios o agregar más detalles.
  158. ```txt frame="none"
  159. Queremos diseñar esta nueva pantalla usando un diseño que ya hemos usado antes.
  160. [Imagen #1] Revise esta imagen y úsela como referencia.
  161. ```
  162. :::tip
  163. Arrastre y suelte imágenes en la terminal para agregarlas al mensaje.
  164. :::
  165. OpenCode puede analizar cualquier imagen que usted le proporcione y añadirla al contexto del mensaje. Puede hacerlo arrastrando y soltando una imagen en la terminal.
  166. 3. **Implementar la funcionalidad**
  167. Cuando esté conforme con el plan, vuelva al modo _Build_ presionando de nuevo la tecla Tab.
  168. ```bash frame="none"
  169. <TAB>
  170. ```
  171. Luego, pídale que haga los cambios.
  172. ```bash frame="none"
  173. Perfecto. Continúe y realice los cambios.
  174. ```
  175. ---
  176. ### Realizar cambios
  177. Para cambios más sencillos, puede pedirle a OpenCode que los implemente directamente, sin revisar antes un plan.
  178. ```txt frame="none" "@packages/functions/src/settings.ts" "@packages/functions/src/notes.ts"
  179. Necesitamos agregar autenticación a la ruta /settings. Revise cómo se maneja esto
  180. en la ruta /notes en @packages/functions/src/notes.ts e implemente
  181. la misma lógica en @packages/functions/src/settings.ts.
  182. ```
  183. Procure dar suficientes detalles para que OpenCode pueda tomar las decisiones correctas al hacer los cambios
  184. ---
  185. ### Deshacer cambios
  186. Supongamos que le pide a OpenCode que haga algunos cambios.
  187. ```txt frame="none" "@packages/functions/src/api/index.ts"
  188. ¿Puede refactorizar la función en @packages/functions/src/api/index.ts?
  189. ```
  190. Pero luego se da cuenta de que no era lo que quería. Puede **deshacer** los cambios usando el comando `/undo`.
  191. ```bash frame="none"
  192. /undo
  193. ```
  194. OpenCode revertirá los cambios que hizo y volverá a mostrar su mensaje original.
  195. ```txt frame="none" "@packages/functions/src/api/index.ts"
  196. ¿Puede refactorizar la función en @packages/functions/src/api/index.ts?
  197. ```
  198. Desde ahí, puede modificar el mensaje y pedirle a OpenCode que lo intente de nuevo.
  199. :::tip
  200. Puede ejecutar `/undo` varias veces para deshacer varios cambios.
  201. :::
  202. También puede rehacer los cambios usando el comando `/redo.`
  203. ```bash frame="none"
  204. /redo
  205. ```
  206. ---
  207. ## Compartir
  208. Las conversaciones que tenga con OpenCode pueden [compartirse con su
  209. equipo](/docs/share).
  210. ```bash frame="none"
  211. /share
  212. ```
  213. Esto creará un enlace a la conversación actual y lo copiará en su portapapeles.
  214. :::note
  215. Las conversaciones no se comparten de forma predeterminada.
  216. :::
  217. Aquí tiene una [conversación de ejemplo](https://opencode.ai/s/4XP1fce5) con OpenCode.
  218. ---
  219. ## Personalizar
  220. Y eso es todo. Ya conoce lo básico para empezar a usar OpenCode.
  221. Para personalizarlo, recomendamos [elegir un tema](/docs/themes), [personalizar las combinaciones de teclas](/docs/keybinds), [configurar formateadores de código](/docs/formatters), [crear comandos personalizados](/docs/commands) o explorar la [configuración OpenCode](/docs/config).