Node Package Manager (npm) - Revision history

Kangtain: /* Source */

2021-12-12T00:22:06Z

Source

← Older revision		Revision as of 07:22, 12 December 2021
Line 60:		Line 60:
	*[https://www.jagoanhosting.com/blog/npm-adalah/ jagoanhosting.com]		*[https://www.jagoanhosting.com/blog/npm-adalah/ jagoanhosting.com]
	*[https://medium.com/javascript-indonesia-community/mengenal-pnpm-package-manager-d62caf9a643 medium.com]		*[https://medium.com/javascript-indonesia-community/mengenal-pnpm-package-manager-d62caf9a643 medium.com]
			*[https://www.dicoding.com/blog/node-package-manager/ dicoding.com]

	[[Category:Software]]		[[Category:Software]]

Kangtain: /* Perintah pada NPM */

2021-12-12T00:19:58Z

Perintah pada NPM

← Older revision		Revision as of 07:19, 12 December 2021
Line 46:		Line 46:
	! Command !! Description !! Common Options		! Command !! Description !! Common Options
	\|-		\|-
	\| init \|\| Membuat berkas package.json pada project \|\| [–force\|-f\|–yes\|-y\|–scope]		\| init \|\| Membuat berkas package.json pada project \|\| <nowiki>[–force\|-f\|–yes\|-y\|–scope]</nowiki>
	\|-		\|-
	\| install <package-name> \|\| Memasang dan mendaftarkan package pada berkas package.json \|\| [-P\|–save-prod\|-D\|–save-dev\|-O\|–save-optional] [-E\|–save-exact] [-B\|–save-bundle] [–no-save] [–dry-run]		\| install <package-name> \|\| Memasang dan mendaftarkan package pada berkas package.json \|\| <nowiki>[-P\|–save-prod\|-D\|–save-dev\|-O\|–save-optional] [-E\|–save-exact] [-B\|–save-bundle] [–no-save] [–dry-run]</nowiki>
	\|-		\|-
	\| run-script <command> \|\| Menjalankan perintah yang terdapat pada objek scripts di berkas package.json \|\| [–silent] [– <args>…]		\| run-script <command> \|\| Menjalankan perintah yang terdapat pada objek scripts di berkas package.json \|\| <nowiki>[–silent] [– <args>…]</nowiki>
	\|-		\|-
	\| uninstall <package-name> \|\| Menghapus dan mengeluarkan package dari berkas package.json \|\| [-S\|–save\|-D\|–save-dev\|-O\|–save-optional\|–no-save]		\| uninstall <package-name> \|\| Menghapus dan mengeluarkan package dari berkas package.json \|\| <nowiki>[-S\|–save\|-D\|–save-dev\|-O\|–save-optional\|–no-save]</nowiki>
	\|-		\|-
	\| version \|\| Untuk melihat versi package yang tersedia secara global atau lokal \|\| [<newversion> \| major \| minor \| patch \| premajor \| preminor \| prepatch \| prerelease [–preid=<prerelease-id>] \| from-git]		\| version \|\| Untuk melihat versi package yang tersedia secara global atau lokal \|\| <nowiki>[<newversion> \| major \| minor \| patch \| premajor \| preminor \| prepatch \| prerelease [–preid=<prerelease-id>] \| from-git]</nowiki>
	\|}		\|}

Kangtain: /* Source */

2021-12-12T00:18:44Z

Source

← Older revision		Revision as of 07:18, 12 December 2021
Line 37:		Line 37:

	Terlihat di gambar atas bahwa package “eslint” membutuhkan dependency lain agar dapat berjalan. Hal ini ditandai dengan struktur berbentuk garis yang saling berhubungan antar package-package di dalam dependency utamanya. Contoh package yang dibutuhkan seperti “babel” , “chalk” , “ajv” , dan masih banyak lagi. Setiap package tersebut tentu saja terdiri dari beberapa file kode dengan ekstensi yang beranekaragam, dan memiliki ukuran file yang bervariasi. Akumulasi dari file-file di dalam dependency ini biasanya membuat ukuran folder node_modules menjadi semakin besar seiring dengan banyaknya dependency package yang ditambahkan ke dalam proyek aplikasi.		Terlihat di gambar atas bahwa package “eslint” membutuhkan dependency lain agar dapat berjalan. Hal ini ditandai dengan struktur berbentuk garis yang saling berhubungan antar package-package di dalam dependency utamanya. Contoh package yang dibutuhkan seperti “babel” , “chalk” , “ajv” , dan masih banyak lagi. Setiap package tersebut tentu saja terdiri dari beberapa file kode dengan ekstensi yang beranekaragam, dan memiliki ukuran file yang bervariasi. Akumulasi dari file-file di dalam dependency ini biasanya membuat ukuran folder node_modules menjadi semakin besar seiring dengan banyaknya dependency package yang ditambahkan ke dalam proyek aplikasi.

			==Perintah pada NPM==
			Kamu bisa mendapatkan penjelasan lengkap mengenai seluruh perintah yang ada di NPM pada laman resmi berikut [https://docs.npmjs.com/cli/v7/commands ini]. Namun, terdapat beberapa perintah penting yang akan biasa kita gunakan dalam materi dan juga pengembangan aplikasi selanjutnya.

			{\| class="wikitable"
			\|+
			\|-
			! Command !! Description !! Common Options
			\|-
			\| init \|\| Membuat berkas package.json pada project \|\| [–force\|-f\|–yes\|-y\|–scope]
			\|-
			\| install <package-name> \|\| Memasang dan mendaftarkan package pada berkas package.json \|\| [-P\|–save-prod\|-D\|–save-dev\|-O\|–save-optional] [-E\|–save-exact] [-B\|–save-bundle] [–no-save] [–dry-run]
			\|-
			\| run-script <command> \|\| Menjalankan perintah yang terdapat pada objek scripts di berkas package.json \|\| [–silent] [– <args>…]
			\|-
			\| uninstall <package-name> \|\| Menghapus dan mengeluarkan package dari berkas package.json \|\| [-S\|–save\|-D\|–save-dev\|-O\|–save-optional\|–no-save]
			\|-
			\| version \|\| Untuk melihat versi package yang tersedia secara global atau lokal \|\| [<newversion> \| major \| minor \| patch \| premajor \| preminor \| prepatch \| prerelease [–preid=<prerelease-id>] \| from-git]
			\|}

	==Source==		==Source==

Kangtain: /* Source */

2021-12-12T00:01:57Z

Source

← Older revision		Revision as of 07:01, 12 December 2021
Line 40:		Line 40:
	==Source==		==Source==
	*[https://www.jagoanhosting.com/blog/npm-adalah/ jagoanhosting.com]		*[https://www.jagoanhosting.com/blog/npm-adalah/ jagoanhosting.com]
			*[https://medium.com/javascript-indonesia-community/mengenal-pnpm-package-manager-d62caf9a643 medium.com]

	[[Category:Software]]		[[Category:Software]]

Kangtain: /* Isi dan Ukuran dari Dependency di Folder Node Modules */

2021-12-12T00:01:21Z

Isi dan Ukuran dari Dependency di Folder Node Modules

← Older revision		Revision as of 07:01, 12 December 2021
Line 33:		Line 33:

	Jika kita mengetikkan perintah <code>npm ls</code> dari Terminal di dalam folder project, maka akan muncul struktur dependency yang dibutuhkan dari package <code>eslint</code> beserta anak-anak dependency di dalamnya.		Jika kita mengetikkan perintah <code>npm ls</code> dari Terminal di dalam folder project, maka akan muncul struktur dependency yang dibutuhkan dari package <code>eslint</code> beserta anak-anak dependency di dalamnya.

			[[File:Npm2.png\|thumb\|center\|300px\|Hasil dari perintah npm ls di dalam folder proyek]]

			Terlihat di gambar atas bahwa package “eslint” membutuhkan dependency lain agar dapat berjalan. Hal ini ditandai dengan struktur berbentuk garis yang saling berhubungan antar package-package di dalam dependency utamanya. Contoh package yang dibutuhkan seperti “babel” , “chalk” , “ajv” , dan masih banyak lagi. Setiap package tersebut tentu saja terdiri dari beberapa file kode dengan ekstensi yang beranekaragam, dan memiliki ukuran file yang bervariasi. Akumulasi dari file-file di dalam dependency ini biasanya membuat ukuran folder node_modules menjadi semakin besar seiring dengan banyaknya dependency package yang ditambahkan ke dalam proyek aplikasi.

	==Source==		==Source==

Kangtain: /* Isi dan Ukuran dari Dependency di Folder Node Modules */

2021-12-11T23:59:47Z

Isi dan Ukuran dari Dependency di Folder Node Modules

← Older revision		Revision as of 06:59, 12 December 2021
Line 29:		Line 29:

	Untuk melihat package apa saja yang dibutuhkan dari suatu package, kita dapat bernavigasi ke dalam folder <code>node_modules</code>, dan melihat isi dari salah satu folder dependency. Pada contoh kali ini, kita akan melihat isi dependency yang diperlukan oleh package <code>eslint</code>. Package <code>eslint</code> ketika dipasang membutuhkan beberapa package lainnya agar dapat berjalan dengan lancar. Dan tidak jarang package yang lain tersebut juga membutuhkan dependency yang lain agar dapat berjalan.		Untuk melihat package apa saja yang dibutuhkan dari suatu package, kita dapat bernavigasi ke dalam folder <code>node_modules</code>, dan melihat isi dari salah satu folder dependency. Pada contoh kali ini, kita akan melihat isi dependency yang diperlukan oleh package <code>eslint</code>. Package <code>eslint</code> ketika dipasang membutuhkan beberapa package lainnya agar dapat berjalan dengan lancar. Dan tidak jarang package yang lain tersebut juga membutuhkan dependency yang lain agar dapat berjalan.

			[[File:Npm1.png\|thumb\|center\|300px\|Daftar dependency yang ada di dalam package.json dari package ESLint]]

			Jika kita mengetikkan perintah <code>npm ls</code> dari Terminal di dalam folder project, maka akan muncul struktur dependency yang dibutuhkan dari package <code>eslint</code> beserta anak-anak dependency di dalamnya.

	==Source==		==Source==

Kangtain at 23:57, 11 December 2021

2021-12-11T23:57:34Z

← Older revision		Revision as of 06:57, 12 December 2021
Line 23:		Line 23:
	*devDependency		*devDependency

	Data-data tersebut lah yang nantinya akan mempermudah dalam membuat dan mengidentifikasi proyek.		Data-data tersebut lah yang nantinya akan mempermudah dalam membuat dan mengidentifikasi proyek.

			==Isi dan Ukuran dari Dependency di Folder Node Modules==
			Proyek aplikasi yang berbasis [[Node JS]] pasti membutuhkan dependency yang berupa package library ataupun [[Framework\|framework]] yang membantu dalam proses pengembangan. Package library biasanya diunduh dengan bantuan package manager NPM dari layanan sumber dependency seperti [[NPMJS]]. Package yang telah diunduh akan disimpan ke dalam folder <code>node_modules</code>. Tidak jarang package yang dipasang ternyata membutuhkan bantuan package yang lain yang untuk dapat berjalan, dan package yang lain tersebut ada kemungkinan membutuhkan package dependency yang lain juga untuk berfungsi.

			Untuk melihat package apa saja yang dibutuhkan dari suatu package, kita dapat bernavigasi ke dalam folder <code>node_modules</code>, dan melihat isi dari salah satu folder dependency. Pada contoh kali ini, kita akan melihat isi dependency yang diperlukan oleh package <code>eslint</code>. Package <code>eslint</code> ketika dipasang membutuhkan beberapa package lainnya agar dapat berjalan dengan lancar. Dan tidak jarang package yang lain tersebut juga membutuhkan dependency yang lain agar dapat berjalan.

	==Source==		==Source==

Kangtain at 23:53, 11 December 2021

2021-12-11T23:53:47Z

← Older revision		Revision as of 06:53, 12 December 2021
Line 2:		Line 2:

	Kegunaan yang kedua, NPM adalah command line yang bisa menyalurkan interaksi kepada platform online, seperti browser dan server. Utilitas ini dapat menginstall dan menguninstall package, mengelola versi dan dependency yang diperlukan untuk mengerjakan proyek.		Kegunaan yang kedua, NPM adalah command line yang bisa menyalurkan interaksi kepada platform online, seperti browser dan server. Utilitas ini dapat menginstall dan menguninstall package, mengelola versi dan dependency yang diperlukan untuk mengerjakan proyek.

			[[Node JS]] memiliki beberapa pilihan package manager untuk manajemen dependency yang dipakai. Beberapa diantaranya yaitu NPM (Node Package Manager) bawaan Node JS, Yarn , SnowPack, dan PNPM. Setiap package manager tersebut dibuat oleh setiap komunitas dengan tujuan penggunaan tertentu. Misalnya, Yarn yang menjadi alternatif NPM dengan banyak tambahan fitur dan perbaikan performa, atau SnowPack yang menjadi build tools untuk front end web app dengan [[CDN]].

	==Cara Kerja NPM==		==Cara Kerja NPM==

Kangtain: Created page with "'''NPM''' (''Node Package Manager'') adalah suatu package dengan dua kegunaan, yang pertama yaitu repository online dimana penggunanya dapat membagikan modul Node js dan aplikasi buatannya. Jika ingin menggunakan sebuah modul, kamu hanya perlu mencarinya di repository ini, mendownload, dan menginstallnya di komputer. Kegunaan yang kedua, NPM adalah command line yang bisa menyalurkan interaksi kepada platform online, seperti browser dan server. Utilitas ini dapat men..."

2021-12-11T11:10:35Z

Created page with "'''NPM''' (''Node Package Manager'') adalah suatu package dengan dua kegunaan, yang pertama yaitu repository online dimana penggunanya dapat membagikan modul Node js dan aplikasi buatannya. Jika ingin menggunakan sebuah modul, kamu hanya perlu mencarinya di repository ini, mendownload, dan menginstallnya di komputer. Kegunaan yang kedua, NPM adalah command line yang bisa menyalurkan interaksi kepada platform online, seperti browser dan server. Utilitas ini dapat men..."

New page

'''NPM''' (''Node Package Manager'') adalah suatu package dengan dua kegunaan, yang pertama yaitu repository online dimana penggunanya dapat membagikan modul [[Node js]] dan aplikasi buatannya. Jika ingin menggunakan sebuah modul, kamu hanya perlu mencarinya di repository ini, mendownload, dan menginstallnya di komputer.

Kegunaan yang kedua, NPM adalah command line yang bisa menyalurkan interaksi kepada platform online, seperti browser dan server. Utilitas ini dapat menginstall dan menguninstall package, mengelola versi dan dependency yang diperlukan untuk mengerjakan proyek.

==Cara Kerja NPM==
Untuk dapat menggunakan NPM, kamu perlu menginstal [[Node js|node.js]] karena [[Node js|node.js]] dan NPM berada di dalam satu bundle.

Utilitas command line package manager memungkinkan [[Node js|node.js]] bekerja dengan baik. Dan untuk menggunakan package tersebut, proyek kamu harus memiliki file bernama <code>package.json</code>.

Ketika kamu membuat suatu proyek baru menggunakan NPM, maka NPM akan request untuk mengisi data proyek yang akan dibuat. Berikut data yang harus kamu isi di dalam proyek:

*Nama proyek
*Versi
*Deskripsi
*Entry point
*Tes command
*Repository git
*Keyword
*Lisensi
*Dependensi
*devDependency

Data-data tersebut lah yang nantinya akan mempermudah dalam membuat dan mengidentifikasi proyek.

==Source==
*[https://www.jagoanhosting.com/blog/npm-adalah/ jagoanhosting.com]

[[Category:Software]]