{"id":85,"date":"2019-02-09T08:57:47","date_gmt":"2019-02-09T08:57:47","guid":{"rendered":"http:\/\/blog.yusufcelik.net\/?p=85"},"modified":"2019-02-09T08:57:47","modified_gmt":"2019-02-09T08:57:47","slug":"npmnode-package-manager-nedir","status":"publish","type":"post","link":"http:\/\/blog.yusufcelik.net\/index.php\/2019\/02\/09\/npmnode-package-manager-nedir\/","title":{"rendered":"NPM(Node Package Manager) Nedir?"},"content":{"rendered":"\n<ul class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex\"><li class=\"blocks-gallery-item\"><figure><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"398\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw-1024x398.png\" alt=\"\" data-id=\"86\" data-link=\"https:\/\/blog.yusufcelik.net\/?attachment_id=86\" class=\"wp-image-86\" srcset=\"http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw-1024x398.png 1024w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw-300x117.png 300w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw-768x299.png 768w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw-830x323.png 830w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/1_DVki0FvyhmyFCkcPPuhMCw.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul>\n\n\n\n<p>\u00a0<strong>NPM(Node Package Manager)<\/strong>, Javascript\u2019in 3.parti yaz\u0131l\u0131mlar\u0131n\u0131 y\u00fcklenmesini sa\u011flayan bir ara\u00e7t\u0131r. Yani Javascript\u2019in <strong>paket<\/strong> y\u00f6neticisidir. Javascript geli\u015ftiricilerinin\u00a0 birbirleri ile paket haline getirdikleri kodlar\u0131 payla\u015fmak i\u00e7in kullan\u0131l\u0131r. <\/p>\n\n\n\n<p>NPM\u2019i kullanabilmek i\u00e7in <strong>nodejs<\/strong>\u2019in bilgisayar\u0131m\u0131zda kurulu olmas\u0131 gerekiyor. Bunun i\u00e7in ilk olarak bilgisayar\u0131m\u0131za  <a href=\"https:\/\/nodejs.org\/en\/\">nodejs<\/a> indiriyoruz.<\/p>\n\n\n\n<p>Node js&#8217;in bilgisayar\u0131m\u0131za kurulu oldu\u011fundan emin olmak i\u00e7in cmd(Command Prompt)&#8217; den npm versiyonlar\u0131na bakabiliriz. Bunun i\u00e7in &#8220;<strong>node -v<\/strong>&#8221; komutunu kullan\u0131yoruz. Ekran \u00e7\u0131kt\u0131s\u0131 a\u015fa\u011f\u0131daki gibidir.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"266\" height=\"88\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-18.png\" alt=\"\" class=\"wp-image-88\"\/><\/figure>\n\n\n\n<p>Nodejs&#8217;i kurdu\u011fumuzda npm&#8217;in otamatik olarak y\u00fcklenmesi gerekmektedir. Onuda &#8220;<strong>npm -v<\/strong>&#8221; komutu ile kontrol edebiliriz. Onun \u00e7\u0131kt\u0131s\u0131da a\u015fa\u011f\u0131daki gibi olacakt\u0131r. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"265\" height=\"95\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-20.png\" alt=\"\" class=\"wp-image-90\"\/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<p><strong>Package.json Nedir? <\/strong><\/p>\n\n\n\n<p><strong>package.json <\/strong>b\u00fct\u00fcn node.js projelerinde bulunan ve proje hakk\u0131nda bize bilgi veren json format\u0131nda bir dosyad\u0131r.  <\/p>\n\n\n\n<p>&#8220;<strong>npm-init<\/strong>&#8221; komutu ile bu dosyay\u0131 olu\u015fturabilir. Ve cmd(veya terminal) \u00fczerinden projemiz hakk\u0131ndaki de\u011ferleri girebiliriz. &#8220;<strong>npm init -y<\/strong>&#8221; komutu ile de\u011ferlerin otamatik doldurmas\u0131n\u0131 sa\u011flayabilir ve daha sonradan de\u011fi\u015ftirebilirsiniz.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"699\" height=\"459\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-21.png\" alt=\"\" class=\"wp-image-91\" srcset=\"http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-21.png 699w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-21-300x197.png 300w\" sizes=\"(max-width: 699px) 100vw, 699px\" \/><\/figure>\n\n\n\n<p>\u0130\u015flemleri yapt\u0131kdan sonra package.json dosyam\u0131z\u0131n i\u00e7eri\u011fi a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"585\" height=\"468\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-22.png\" alt=\"\" class=\"wp-image-92\" srcset=\"http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-22.png 585w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-22-300x240.png 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure>\n\n\n\n<p><strong>NPM Paket Kurulumu<\/strong><\/p>\n\n\n\n<p>&#8220;npm install&#8221; komutu paket y\u00fcklememizi sa\u011flayacakt\u0131r. &#8220;npm install &lt;paket adi> -g&#8221; komutu ile paketi indirebiliriz. Burdaki -g komutu paketi global olarak indirmemizi sa\u011flayacakt\u0131r. <\/p>\n\n\n\n<p>\u00d6rnek olarak grunt-cli paketini kuruyoruz. Bunun i\u00e7in  paket ad\u0131m\u0131z &#8220;<strong>grunt-cli<\/strong>&#8221; \u015feklindedir. Yani kurulum komutumuz &#8220;npm i grunt-cli -g&#8221; \u015feklinde olacakt\u0131r. &#8220;install&#8221; komutunu k\u0131saltarak &#8220;i&#8221; \u015feklinde de kullanabiliriz.<\/p>\n\n\n\n<p> Bilgisayar\u0131m\u0131zda kurulu olan paketleri g\u00f6rmek i\u00e7in C:\\ dizininde &#8220;npm list&#8221; komutunu \u00e7al\u0131\u015ft\u0131r\u0131yoruz.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"535\" height=\"463\" src=\"https:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-23.png\" alt=\"\" class=\"wp-image-93\" srcset=\"http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-23.png 535w, http:\/\/blog.yusufcelik.net\/wp-content\/uploads\/2019\/02\/image-23-300x260.png 300w\" sizes=\"(max-width: 535px) 100vw, 535px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0NPM(Node Package Manager), Javascript\u2019in 3.parti yaz\u0131l\u0131mlar\u0131n\u0131 y\u00fcklenmesini sa\u011flayan bir ara\u00e7t\u0131r. Yani Javascript\u2019in paket y\u00f6neticisidir. Javascript geli\u015ftiricilerinin\u00a0 birbirleri ile paket haline getirdikleri kodlar\u0131 payla\u015fmak i\u00e7in kullan\u0131l\u0131r. NPM\u2019i kullanabilmek i\u00e7in nodejs\u2019in bilgisayar\u0131m\u0131zda kurulu olmas\u0131 gerekiyor. Bunun&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":94,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/posts\/85"}],"collection":[{"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":1,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/posts\/85\/revisions"}],"predecessor-version":[{"id":95,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/posts\/85\/revisions\/95"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/media\/94"}],"wp:attachment":[{"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/media?parent=85"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/categories?post=85"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.yusufcelik.net\/index.php\/wp-json\/wp\/v2\/tags?post=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}