﻿
{"id":7249,"date":"2018-03-25T22:10:06","date_gmt":"2018-03-25T22:10:06","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=7249"},"modified":"2018-03-25T22:10:06","modified_gmt":"2018-03-25T22:10:06","slug":"angular-4-angular-cli-kurulumu","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/angular-4-angular-cli-kurulumu\/","title":{"rendered":"Angular 4 &#8211; Angular CLI Kurulumu"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Merhaba,<\/p>\n<p>Angular CLI, Angular uygulamalar\u0131 i\u00e7in olu\u015fturulmu\u015f EmberCLI temelli bir yap\u0131d\u0131r. CLI&#8217;\u0131n a\u00e7\u0131l\u0131m\u0131, Command Line Interface ya da Command Line User-Interface \u015feklindedir. Angular uygulamalar\u0131nda kullan\u0131lacak projeler, klas\u00f6rler, dosyalar ve test hatta deployment vs. gibi bir\u00e7ok i\u015flemi h\u0131zl\u0131 bir \u015fekilde yapmam\u0131z\u0131 sa\u011flayan ara\u00e7t\u0131r.<\/p>\n<p>Angular 4 ile \u00e7al\u0131\u015fmalar ger\u00e7ekle\u015ftirece\u011fimiz bilgisayarda Angular CLI paketine ihtiya\u00e7 vard\u0131r. Bu ihtiyac\u0131 gidermek i\u00e7in \u00f6ncelikle \u00f6nceki <a href=\"http:\/\/www.gencayyildiz.com\/blog\/angular-4-icin-visual-studio-code-ve-node-js-kurulumu\/\" target=\"_blank\" rel=\"noopener\">Angular 4 \u0130\u00e7in Visual Studio Code ve Node.js Kurulumu<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131mda bahsetti\u011fim Node.js kurulumunu yapmak gerekmektedir.<\/p>\n<p>Node.js kurulumunu yapt\u0131ktan sonra NPM&#8217;den paket y\u00fckleme i\u015flemini ger\u00e7ekle\u015ftirebiliriz.<\/p>\n<p>Bu i\u015flem i\u00e7in &#8220;Ba\u015flat&#8221; -&gt; &#8220;Komut \u0130stemi&#8221; kombinasyonunu takip edin ve komut penceresini a\u00e7\u0131n\u0131z. Ard\u0131ndan &#8220;<em><strong>npm install -g @angular\/cli<\/strong><\/em>&#8221; komutunu yazarak entera basarsan\u0131z bilgisayar\u0131n\u0131za Angular CLI paketleri y\u00fcklenmi\u015f olacakt\u0131r.<\/p>\n<p>\u015eimdi bu yazd\u0131\u011f\u0131m\u0131z komutu ele alal\u0131m.<\/p>\n<blockquote><p><em><strong>npm install -g @angular\/cli<\/strong><\/em><\/p><\/blockquote>\n<p>Kodu incelersek e\u011fer; &#8220;<em>npm install<\/em>&#8221; komutuyla NPM&#8217;den y\u00fckleme yap\u0131laca\u011f\u0131 belirtilmektedir. &#8220;<em>-g<\/em>&#8221; komutu ise bu y\u00fcklemenin global olarak tasarlanaca\u011f\u0131n\u0131, yani o anki ilgili klas\u00f6re \u00f6zel de\u011filde bilgisayar\u0131n herhangi bir noktas\u0131nda bu pakete eri\u015filebilir olmas\u0131n\u0131 belirtmektedir. &#8220;<em>@angular\/cli<\/em>&#8221; komutu ise NPM&#8217;den y\u00fcklenecek olan paketin ad\u0131d\u0131r. Ee do\u011fal olarak biz yapaca\u011f\u0131m\u0131z \u00e7al\u0131\u015fmalardan dolay\u0131 Angular CLI paketlerini talep etmi\u015f bulunuyoruz.<\/p>\n<p>Bu i\u015flemden sonra paketler bilgisayar\u0131m\u0131za kurulmu\u015f olaca\u011f\u0131ndan dolay\u0131 art\u0131k g\u00f6n\u00fcl rahatl\u0131\u011f\u0131yla Angular 4 projelerimizi in\u015faya ba\u015flayabiliriz.<\/p>\n<p>Bir sonraki yaz\u0131m\u0131zda Angular 4 i\u00e7in proje olu\u015fturmay\u0131 ele alaca\u011f\u0131z.<\/p>\n<p>Sonraki yaz\u0131m\u0131zda g\u00f6r\u00fc\u015fmek \u00fczere diyelim&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Merhaba, Angular CLI, Angular uygulamalar\u0131 i\u00e7in olu\u015fturulmu\u015f EmberCLI temelli bir yap\u0131d\u0131r. CLI&#8217;\u0131n a\u00e7\u0131l\u0131m\u0131, Command Line Interface ya da Command Line User-Interface \u015feklindedir. Angular uygulamalar\u0131nda kullan\u0131lacak projeler, klas\u00f6rler, dosyalar ve test hatta deployment vs. gibi&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":7246,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2144],"tags":[2156,2146,2157,2153,2155,2154,2158],"class_list":["post-7249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-4","tag-angular","tag-angular-4","tag-angular-cli","tag-cli","tag-command-line-interface","tag-command-line-user-interface","tag-embercli"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=7249"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/7249\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/7246"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=7249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=7249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=7249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}