{"id":9496,"date":"2022-03-21T09:43:05","date_gmt":"2022-03-21T09:43:05","guid":{"rendered":"https:\/\/binus.ac.id\/knowledge\/?p=9496"},"modified":"2024-09-24T02:20:06","modified_gmt":"2024-09-24T02:20:06","slug":"memahami-environment-di-vuejs","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2022\/03\/21\/memahami-environment-di-vuejs\/","title":{"rendered":"Memahami environment di VueJS"},"content":{"rendered":"<p>Dalam posting ini saya akan menunjukkan cara menggunakan variabel lingkungan pengembangan dan produksi di Vue.<\/p>\n<p>Semua orang sudah tahu apa itu Vue dan mengapa itu sangat mengagumkan (pencarian Google sederhana sudah cukup), jadi saya akan melewatkan semua bagian itu.<\/p>\n<p>Vue dapat diinstal dengan dua cara:<br \/>\n&#8211; Melalui CDN<br \/>\n&#8211; Sebagai aplikasi mandiri melalui CLI<\/p>\n<p>Saya akan menggunakan instalasi mandiri untuk menunjukkan cara mengatur variabel lingkungan yang berbeda. Luncurkan terminal Anda dan lakukan instalasi global vue cli.<\/p>\n<blockquote>\n<pre class=\"nk nl nm nn no np nq nr ns ay nt bk\"><span id=\"174f\" class=\"nu nv fq nq b hk nw nx l ia ny\" data-selectable-paragraph=\"\">npm install -g vue-cli\r\nvue init webpack using-environments\r\n<\/span><\/pre>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p>Perintah init membuat aplikasi vue baru. Selesaikan pengaturan dengan mengikuti petunjuk. Setelah selesai, Anda memiliki aplikasi mandiri.<\/p>\n<p>Sekarang mari kita lihat struktur folder aplikasi yang baru kita buat.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9618 aligncenter\" src=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2024\/08\/1_00tIiUjACbkoNqDQN74zTw-188x300.webp\" alt=\"\" width=\"188\" height=\"300\" srcset=\"https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2024\/08\/1_00tIiUjACbkoNqDQN74zTw-188x300.webp 188w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2024\/08\/1_00tIiUjACbkoNqDQN74zTw-480x767.webp 480w, https:\/\/binus.ac.id\/binus-digital\/wp-content\/uploads\/2024\/08\/1_00tIiUjACbkoNqDQN74zTw.webp 592w\" sizes=\"auto, (max-width: 188px) 100vw, 188px\" \/><\/p>\n<p>https:\/\/medium.com\/the-andela-way\/understanding-environments-in-vuejs-74e94a139b8b<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam posting ini saya akan menunjukkan cara menggunakan variabel lingkungan pengembangan dan produksi di Vue. Semua orang sudah tahu apa itu Vue dan mengapa itu sangat mengagumkan (pencarian Google sederhana sudah cukup), jadi saya akan melewatkan semua bagian itu. Vue dapat diinstal dengan dua cara: &#8211; Melalui CDN &#8211; Sebagai aplikasi mandiri melalui CLI Saya [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":11575,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-9496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/9496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=9496"}],"version-history":[{"count":4,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/9496\/revisions"}],"predecessor-version":[{"id":9620,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/9496\/revisions\/9620"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11575"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=9496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=9496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=9496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}