Cara Install Bootstrap 4 dengan NPM

Halo teman teman dumenity, selamat datang kembali di tutorial tutorial pemrograman web dumet school, seperti hal nya PHP javascript juga punya package manager yaitu bernama NPM (Node Package Manager), kalo di php itu namanya composer. Jadi npm adalah sebuah tool/aplikasi kecil untuk mengatur package/aplikasi JavaScript yang mengunakan Node.js. dengan adanya npm ini teman teman akan sangat mudah misalkan dalam mencari, install, uninstall aplikasi-aplikasi atau sekedar module/package Node.js. Nah kali ini kita akan belajar Cara Install Bootstrap 4 dengan NPM yah teman teman yuk kita praktekan..

sebelumnya teman teman mesti install nodejs nya yah, bisa di download di link ini. https://nodejs.org/en/ , kalo sudah di install teman teamn bisa buka terminal atau command line nya, dan ketikan npm -v lalu tekan enter.

maka akan terlihat versi dari node js dan npm kalian yah teman teman. setelah itu teman teman buat folder baru dan buat juga file dengan nama index.html lalu buka di text editor kalian.

setelah itu kalian ke link berikut ini https://getbootstrap.com/docs/4.1/getting-started/download/ dan copy kan ini di terminal kalian yah teman teman.

copy kan di terminal, (jangan lupa arahkan ke root folder yang tadi kita buat yah teman teman.

copy kan di terminal

lalu tekan enter. maka akan terinstall di folder yang kita arahkan, (jangan lupa koneksi internet nya yah teman teman)

taha instalasi selesei dan kita tinggal memanggilnya di index.html, dan kita ke file index.html lalu ketikan script HTML berikut.

<!DOCTYPE html>
<html lang ="en">
<head>
	<meta charset ="UTF-8">
	<title> Bootstrap NPM </title>
	<link rel ="stylesheet" href ="node_modules/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
	<div class ="container">
		<div class ="row">
			<div class ="col">
				<h2 class="text-center"> Bootstrap NPM </h2>
				<p class ="lead"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, doloribus eveniet natus totam temporibus iusto impedit nihil odio voluptatum quas, deleniti minima, perspiciatis velit accusantium? Ipsam deserunt, quaerat similique molestiae, optio ut nostrum labore nam excepturi reprehenderit, totam quod. Rem in sequi tempore natus error tenetur iste sapiente assumenda vero unde corporis, iure nisi fuga necessitatibus, modi ipsum. Qui earum fugit nisi debitis, praesentium unde, dolorem tempore iste labore beatae provident laboriosam blanditiis. Laboriosam amet, architecto voluptatem tempore distinctio vitae voluptate deserunt aspernatur error eos id animi numquam labore nihil asperiores similique culpa, hic ullam atque, totam. Nulla, blanditiis vero! </p>
			</div>
		</div>
	</div>
</body>
</html>

dan coba kalian buka di webrowser, bila hasilnya seperti berikut maka pemanggilan Bootstrap nya berhasil.

oke sekian Cara Install Bootstrap 4 dengan NPM, semoga bermanfaat..

Kategori