{"id":15190,"date":"2024-04-01T17:08:49","date_gmt":"2024-04-01T13:38:49","guid":{"rendered":"https:\/\/www.itpiran.net\/blog\/?p=15190"},"modified":"2024-04-01T17:08:49","modified_gmt":"2024-04-01T13:38:49","slug":"typescript-new-projectstep-1-starting-the-typescript-project","status":"publish","type":"post","link":"https:\/\/www.itpiran.net\/blog\/es\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","title":{"rendered":"C\u00f3mo iniciar un nuevo proyecto TypeScript"},"content":{"rendered":"<h2 id=\"%d9%85%d9%82%d8%af%d9%85%d9%87\">Introducci\u00f3n<\/h2>\n<p>Quiz\u00e1s ya hayas trabajado con TypeScript al usar un proyecto de inicio o una herramienta como Angular CLI. En este tutorial, aprender\u00e1s a configurar un proyecto de TypeScript sin un proyecto de inicio. Tambi\u00e9n aprender\u00e1s c\u00f3mo funciona la compilaci\u00f3n en TypeScript y c\u00f3mo usar un linter en tu proyecto.<\/p>\n<h5 id=\"%d9%be%db%8c%d8%b4-%d9%86%db%8c%d8%a7%d8%b2%d9%87%d8%a7\">Requisitos previos<\/h5>\n<ul>\n<li>La \u00faltima versi\u00f3n de Node instalada en su dispositivo.<\/li>\n<li>Conociendo\u00a0 <code>npm<\/code><\/li>\n<\/ul>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-1-%d8%b4%d8%b1%d9%88%d8%b9-%d9%be%d8%b1%d9%88%da%98%d9%87-typescript\">Paso 1: Iniciar un proyecto TypeScript<\/h2>\n<p>Para iniciar su proyecto TypeScript, necesita crear un directorio para su proyecto:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\">mkdir typescript-project<\/pre>\n<\/div>\n<p>Ahora cambia al directorio de tu proyecto:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>cd typescript-project<\/code><\/pre>\n<\/div>\n<p>Puede instalar TypeScript configurando el directorio de su proyecto:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm i typescript --save-dev<\/code><\/pre>\n<\/div>\n<p>Es importante que la bandera <code>--guardar-dev<\/code> A\u00f1ade TypeScript, ya que lo almacena como una dependencia de desarrollo. Esto significa que TypeScript es necesario para el desarrollo de tu proyecto.<\/p>\n<p>Con TypeScript instalado, puedes inicializar tu proyecto TypeScript usando el siguiente comando:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc --init<\/code><\/pre>\n<\/div>\n<p><code>npm<\/code> Tambi\u00e9n tiene una herramienta llamada <code>npx<\/code> que ejecuta paquetes ejecutables. <code>npx<\/code> Nos permite ejecutar paquetes sin necesidad de una instalaci\u00f3n global.<\/p>\n<p>Orden <code>tsc<\/code> Se utiliza aqu\u00ed porque es el compilador integrado de TypeScript. Al escribir c\u00f3digo en TypeScript, la ejecuci\u00f3n... <code>tsc<\/code> Convierte o compila su c\u00f3digo en JavaScript.<\/p>\n<p>Usando la bandera <code>--inicio<\/code> En el comando anterior, su proyecto se inicializa creando un archivo tsconfig.json en el directorio de su proyecto TypeScript. Este archivo tsconfig.json le permite realizar m\u00e1s configuraciones y comprender c\u00f3mo interact\u00faan TypeScript y el compilador. <code>tsc<\/code> Personalizar. Puede eliminar, agregar y modificar configuraciones en este archivo para adaptarlas a sus necesidades.<\/p>\n<p><code>tsconfig.json<\/code> \u00c1brelo en tu editor para encontrar la configuraci\u00f3n predeterminada:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>nano tsconfig.json<\/code><\/pre>\n<\/div>\n<p>Habr\u00e1 muchas opciones, la mayor\u00eda de las cuales se explican a continuaci\u00f3n:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>{\r\n\"compilerOptions\": {\r\n\/* Visit https:\/\/aka.ms\/tsconfig.json to read more about this file *\/\r\n\/* Projects *\/\r\n\/\/ \"incremental\": true, \/* Enable incremental compilation *\/\r\n\/\/ \"composite\": true, \/* Enable constraints that allow a TypeScript project to be used with project references. *\/\r\n\/\/ \"tsBuildInfoFile\": \".\/\", \/* Specify the folder for .tsbuildinfo incremental compilation files. *\/\r\n\/\/ \"disableSourceOfProjectReferenceRedirect\": true, \/* Disable preferring source files instead of declaration files when referencing composite projects *\/\r\n\/\/ \"disableSolutionSearching\": true, \/* Opt a project out of multi-project reference checking when editing. *\/\r\n\/\/ \"disableReferencedProjectLoad\": true, \/* Reduce the number of projects loaded automatically by TypeScript. *\/\r\n. . .\r\n}\r\n}<\/code><\/pre>\n<\/div>\n<p>Puedes personalizar tu configuraci\u00f3n de TypeScript mediante el archivo tsconfig.json. Por ejemplo, puedes descomentar la entrada outDir y establecerla en &quot;.\/build&quot;, lo que colocar\u00e1 todos tus archivos TypeScript compilados en ese directorio.<\/p>\n<p>Al instalar TypeScript e instalar el archivo <code>tsconfig.json<\/code>Ahora puedes pasar a codificar la aplicaci\u00f3n TypeScript y compilarla.<\/p>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-2-%da%a9%d8%a7%d9%85%d9%be%d8%a7%db%8c%d9%84-%d9%be%d8%b1%d9%88%da%98%d9%87-typescript\">Paso 2: Compilar el proyecto TypeScript<\/h2>\n<p>Ahora puedes empezar a codificar tu proyecto TypeScript. Crea un nuevo archivo llamado <code>\u00edndice.ts<\/code> \u00c1brelo en tu editor. Pega el siguiente c\u00f3digo TypeScript en <code>\u00edndice.ts<\/code> Escribir:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>const world = 'world';\r\nexport function hello(who: string = world): string {\r\nreturn `Hello ${who}! `;\r\n}<\/code><\/pre>\n<\/div>\n<p>Con este c\u00f3digo TypeScript, su proyecto est\u00e1 listo para compilarse. Ejecute tsc desde el directorio del proyecto:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc<\/code><\/pre>\n<\/div>\n<p>Notar\u00e1s que el archivo JavaScript compilado index.js y el archivo sourcemap index.js.map se agregan a la carpeta de compilaci\u00f3n, si lo especificaste en el archivo tsconfig.js.<\/p>\n<p><code>index.js<\/code> \u00c1brelo y ver\u00e1s el siguiente c\u00f3digo JavaScript compilado:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-ts\" data-lang=\"TypeScript\"><code>\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.hello = void 0;\r\nconst world = 'world';\r\nfunction hello(who = world) {\r\nreturn `Hello ${who}! `;\r\n}\r\nexports.hello = hello;<\/code><\/pre>\n<\/div>\n<p>Ejecutar el compilador de TypeScript cada vez que se realiza un cambio puede ser tedioso. Para solucionarlo, puede poner el compilador en modo de vigilancia, que recompilar\u00e1 el c\u00f3digo cada vez que se realice un cambio.<\/p>\n<p>Puede habilitar el modo de vigilancia utilizando el siguiente comando:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx tsc -w<\/code><\/pre>\n<\/div>\n<p>Ya aprendiste c\u00f3mo funciona el compilador de TypeScript y ahora puedes compilar tus archivos correctamente. Puedes llevar tus proyectos de TypeScript al siguiente nivel incorporando un linter a tu flujo de trabajo.<\/p>\n<h2 id=\"%d9%85%d8%b1%d8%ad%d9%84%d9%87-3-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-google-typescript-style-%d8%a8%d8%b1%d8%a7%db%8c-%d9%be%d8%b1-%da%a9%d8%b1%d8%af%d9%86-%d9%88-%d8%aa\">Paso 3: usa el estilo TypeScript de Google para completar y corregir tu c\u00f3digo<\/h2>\n<p>Usar un linter al programar te ayuda a encontrar r\u00e1pidamente inconsistencias, errores de sintaxis y omisiones en tu c\u00f3digo. Adem\u00e1s, una gu\u00eda de estilo no solo te ayuda a garantizar que tu c\u00f3digo est\u00e9 bien formado y sea consistente, sino que tambi\u00e9n te permite usar herramientas adicionales para aplicar ese estilo. Una herramienta popular para esto es eslint, que funciona bien con muchos IDE para facilitar el proceso de desarrollo.<\/p>\n<p>Una vez que tu proyecto est\u00e9 en marcha, puedes usar otras herramientas del ecosistema TypeScript para evitar tener que configurar manualmente el archivo tsconfig.json. Google TypeScript Style es una de ellas. Google TypeScript Style, tambi\u00e9n conocido como GTS, es una gu\u00eda de estilo, una hoja de estilos en l\u00ednea y un corrector de c\u00f3digo autom\u00e1tico, todo en uno. Usar GTS te ayuda a iniciar r\u00e1pidamente un nuevo proyecto TypeScript y a evitar preocuparte por peque\u00f1os detalles organizativos para centrarte en el dise\u00f1o. GTS tambi\u00e9n proporciona configuraciones predeterminadas. Esto significa que no tendr\u00e1s que personalizar muchas opciones.<\/p>\n<p>Comience instalando GTS:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npm i gts --save-dev<\/code><\/pre>\n<\/div>\n<p>Desde aqu\u00ed, inicialice el GTS utilizando el siguiente comando:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-bash\" data-lang=\"Bash\"><code>npx gts init<\/code><\/pre>\n<\/div>\n<p>El comando anterior crear\u00e1 todo lo necesario para empezar a usar TypeScript, incluyendo un archivo tsconfig.json y una configuraci\u00f3n de linting. Tambi\u00e9n se crear\u00e1 un archivo package.json si a\u00fan no lo tiene.<\/p>\n<p>Ejecutar npx gts init tambi\u00e9n a\u00f1ade scripts npm \u00fatiles a tu archivo package.json. Por ejemplo, ahora puedes ejecutar npm run compile para compilar tu proyecto TypeScript. Para comprobar si hay errores de cortina, puedes ejecutar npm run check.<\/p>\n<p>GTS ya est\u00e1 instalado e integrado correctamente en tu proyecto TypeScript. Usar GTS en proyectos futuros te permitir\u00e1 configurar r\u00e1pidamente nuevos proyectos TypeScript con la configuraci\u00f3n necesaria.<\/p>\n<p>Dado que GTS ofrece un enfoque basado en opiniones y sin configuraci\u00f3n, utiliza sus propias reglas pr\u00e1cticas. Estas siguen las mejores pr\u00e1cticas, pero si necesita modificarlas, puede hacerlo extendiendo las reglas predeterminadas de eslint. Para ello, cree un archivo en el directorio de su proyecto llamado .eslintrc que extienda las reglas de estilo:<\/p>\n<div class=\"hcb_wrap\" data-no-translation=\"\" data-no-auto-translation=\"\">\n<pre class=\"prism line-numbers lang-plain\" data-lang=\"Plain Text\"><code>---\r\nextends:\r\n- '.\/node_modules\/gts'<\/code><\/pre>\n<\/div>\n<p>Esto le permite agregar o modificar las reglas de estilo proporcionadas por GTS.<\/p>\n<h2 id=\"%d9%86%d8%aa%db%8c%d8%ac%d9%87\">Resultado<\/h2>\n<p>En este tutorial, iniciaste un proyecto de TypeScript con configuraciones personalizadas. Tambi\u00e9n integraste el estilo Google TypeScript en tu proyecto. Usar GTS te ayuda a empezar a trabajar r\u00e1pidamente con un nuevo proyecto de TypeScript. Con GTS, no necesitas configurar manualmente ni integrar un linter en tu flujo de trabajo.<\/p>","protected":false},"excerpt":{"rendered":"Introducci\u00f3n Es posible que ya haya trabajado con TypeScript al utilizar un proyecto de inicio o una herramienta como Angular CLI.","protected":false},"author":1,"featured_media":15191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,363],"tags":[416,366],"class_list":{"0":"post-15190","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-typescript","10":"tag-366"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/es\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0642\u0628\u0644\u0627\u064b \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u0648\u0639 \u06cc\u0627 \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f Angular CLI \u0628\u0627 TypeScript \u06a9\u0627\u0631&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/es\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-01T13:38:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1793\" \/>\n\t<meta property=\"og:image:height\" content=\"1110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645\",\"datePublished\":\"2024-04-01T13:38:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"},\"wordCount\":108,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"keywords\":[\"typeScript\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"articleSection\":[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\",\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"datePublished\":\"2024-04-01T13:38:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2024\\\/04\\\/01170716\\\/Type-Script.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/typescript-new-projectstep-1-starting-the-typescript-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\",\"name\":\"admin\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/es\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo iniciar un nuevo proyecto de TypeScript - Blog de ITPiran","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itpiran.net\/blog\/es\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","og_locale":"es_ES","og_type":"article","og_title":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645 - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0642\u0628\u0644\u0627\u064b \u0647\u0646\u06af\u0627\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u0648\u0639 \u06cc\u0627 \u0627\u0628\u0632\u0627\u0631\u06cc \u0645\u0627\u0646\u0646\u062f Angular CLI \u0628\u0627 TypeScript \u06a9\u0627\u0631&hellip;","og_url":"https:\/\/www.itpiran.net\/blog\/es\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2024-04-01T13:38:49+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"admin","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645","datePublished":"2024-04-01T13:38:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"},"wordCount":108,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","keywords":["typeScript","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"articleSection":["\u0622\u0645\u0648\u0632\u0634\u06cc","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/","name":"C\u00f3mo iniciar un nuevo proyecto de TypeScript - Blog de ITPiran","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","datePublished":"2024-04-01T13:38:49+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2024\/04\/01170716\/Type-Script.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/typescript-new-projectstep-1-starting-the-typescript-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0648\u0632\u0634\u06cc","item":"https:\/\/www.itpiran.net\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"\u0686\u06af\u0648\u0646\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 TypeScript \u062c\u062f\u06cc\u062f \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06a9\u0646\u06cc\u0645"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"Blog de ITPiran","description":"Noticias y art\u00edculos sobre comercio sostenible en Ir\u00e1n","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"Blog sobre negocios iran\u00edes sostenibles","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81","name":"administraci\u00f3n","url":"https:\/\/www.itpiran.net\/blog\/es\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/posts\/15190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/comments?post=15190"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/posts\/15190\/revisions"}],"predecessor-version":[{"id":15192,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/posts\/15190\/revisions\/15192"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/media\/15191"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/media?parent=15190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/categories?post=15190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/es\/wp-json\/wp\/v2\/tags?post=15190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}