{"id":6623,"date":"2023-03-16T19:02:02","date_gmt":"2023-03-16T12:02:02","guid":{"rendered":"https:\/\/alan.co.id\/?p=6623"},"modified":"2023-09-19T15:47:12","modified_gmt":"2023-09-19T08:47:12","slug":"cara-install-vue-js-dengan-mudah","status":"publish","type":"post","link":"https:\/\/alan.co.id\/en\/cara-install-vue-js-dengan-mudah\/","title":{"rendered":"Cara Install Vue.js Dengan Mudah"},"content":{"rendered":"<p>Halo, Alan Lovers! Kamu <em>developer front end<\/em> dan tertarik untuk menggunakan Vue.js? Gak heran sih, soalnya Vue.js emang jadi salah satu <em>framework<\/em> pilihan terbaik untuk kalian.<\/p>\n\n\n\n<p>Tapi, kalian tau gak sih gimana cara <em>install<\/em>-nya? Kalau kalian masih bingung gimana cara <em>install<\/em> Vue.js di perangkat kalian, yuk simak artikel ini. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cara-install-vue-js\">Cara Install Vue.js<\/h2>\n\n\n\n<p>Sebelum meng-<em>install <\/em>Vue.js, kalian perlu meng-<em>install<\/em> terlebih dahulu Node.js. Setelah Node.js ter-<em>install<\/em>, kalian bakal menemui NPM. Kalau di Java Script, NPM itu ibaratnya Composer, paham kan?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-langkah-1-download-dan-install-node-js\">Langkah 1: <em>Download <\/em>dan <em>Install<\/em> Node.js<\/h3>\n\n\n\n<p>Untuk mengunduh <em>file installer<\/em> Node JS, kalian bisa&nbsp;<a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\">klik disini<\/a>. Sesuaikan <em>file<\/em> yang di<em>-download<\/em>  dengan tipe sistem operasi Windows kalian. Setelah kalian <em>download<\/em>, selanjutnya jalankan <em>file<\/em> .msi tersebut dan lakukan instalasi seperti biasa.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"467\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-1024x467.png\" alt=\"\" class=\"wp-image-6625\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-1024x467.png 1024w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-300x137.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-768x351.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-1536x701.png 1536w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23-18x8.png 18w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-23.png 1893w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Catatan:<\/strong><\/p>\n\n\n\n<p>Untuk melihat apakah Node.js sudah ter<em>-install<\/em> di perangkat kalian, bisa ikuti langkah berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Buka cmd dengan cara klik tombol windows lalu ketik&nbsp;<strong>cmd<\/strong>&nbsp;pada menu pencarian. Klik kanan pada aplikasi&nbsp;<strong>Command Prompt<\/strong>&nbsp;lalu pilih&nbsp;<strong>Run as Administrator<\/strong>. Seperti contoh gambar di bawah ini.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-24-edited.png\" alt=\"\" class=\"wp-image-6627\" style=\"width:768px\" width=\"768\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-24-edited.png 886w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-24-edited-300x225.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-24-edited-768x576.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-24-edited-16x12.png 16w\" sizes=\"(max-width: 886px) 100vw, 886px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kemudian, masukkan perintah berikut untuk memastikan proses instalasi Node JS kalian berhasil.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>node -v<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Maka <em>output <\/em>dari perintah di atas akan seperti gambar di bawah ini:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"123\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-25.png\" alt=\"\" class=\"wp-image-6628\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-25.png 978w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-25-300x38.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-25-768x97.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-25-18x2.png 18w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-langkah-2-install-vue-js\">Langkah 2: <em>Install <\/em>Vue.js<\/h3>\n\n\n\n<p>Masih berada di CMD, selanjutnya <em>install <\/em>Vue.js menggunakan perintah berikut.&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install -g @vue\/cli<\/code><\/pre>\n\n\n\n<p>Pastikan saat proses <em>install <\/em>terhubung ke dalam jaringan internet. Karena, proses <em>install <\/em>membutuhkan <em>download <\/em>file dari <em>resource <\/em>Vue.js yang ada di Node JS.<\/p>\n\n\n\n<p>Tunggu hingga proses instalasi selesai, seperti contoh gambar di bawah ini:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"175\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-26.png\" alt=\"\" class=\"wp-image-6631\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-26.png 960w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-26-300x55.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-26-768x140.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-26-18x3.png 18w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-langkah-3-tes-vue-js\">Langkah 3: Tes Vue.js<\/h3>\n\n\n\n<p>Setelah kalian selesai melakukan instalasi Vue JS, kalian perlu untuk mecoba membuat <em>project<\/em> menggunakan Vue JS.<\/p>\n\n\n\n<p>Pertama, masuk ke direktori tempat kalian nanti akan menyimpan project Vue JS. Sebagai contoh, di sini menggunakan direktori Local Disk: D..<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"71\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-27.png\" alt=\"\" class=\"wp-image-6632\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-27.png 958w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-27-300x22.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-27-768x57.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-27-18x1.png 18w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Selanjutnya, untuk membuat project baru Vue JS, cukup jalankan perintah berikut ke dalam Command Prompt kalian. Di sini, &#8220;myproject&#8221; adalah nama folder tempat menyimpan project Vue JS, kalian juga bisa menggunakan nama lain.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>vue create myproject<\/code><\/pre>\n\n\n\n<p>Kemudian, kalian akan diminta untuk memilih opsi instalasi pada Vue CLI. Terdapat dua pilihan yaitu&nbsp;<strong><em>default&nbsp;<\/em><\/strong>dan&nbsp;<strong><em>manually<\/em><\/strong>. Jika sudah memilih, lalu tekan&nbsp;<strong>ENTER<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"979\" height=\"108\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-28.png\" alt=\"\" class=\"wp-image-6633\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-28.png 979w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-28-300x33.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-28-768x85.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-28-18x2.png 18w\" sizes=\"auto, (max-width: 979px) 100vw, 979px\" \/><\/figure>\n\n\n\n<p>Setelah itu proses pembuatan project akan berjalan. Kalian perlu menunggu proses ini sampai selesai. Apabila  pembuatan <em>project<\/em> berhasil akan muncul pesan&nbsp;<strong>Successfully created project \u201cmyproject\u201d<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"329\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-29.png\" alt=\"\" class=\"wp-image-6634\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-29.png 958w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-29-300x103.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-29-768x264.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-29-18x6.png 18w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/figure>\n\n\n\n<p>Selanjutnya kalian erlu masuk ke dalam direktori <em>project<\/em>. Gunakan perintah yang telah diberikan saat proses instalasi selesai. Pada panduan ini menggunakan perintah.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cd myprojects<\/code><\/pre>\n\n\n\n<p>Setelah masuk ke dalam direktori <em>project<\/em>, jalankan Vue JS menggunakan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>npm run serve<\/code><\/pre>\n\n\n\n<p>Perintah diatas akan menghasilkan <em>output <\/em>seperti gambar di bawah ini.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"961\" height=\"290\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-30.png\" alt=\"\" class=\"wp-image-6635\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-30.png 961w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-30-300x91.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-30-768x232.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-30-18x5.png 18w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/figure>\n\n\n\n<p>Terakhir, buka <em>browser<\/em> kalian dan akses salah satu dari IP \/ localhost yang ada pada gambar di atas. Maka Kalian akan mendapatkan tampilan halaman dari Vue JS.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-31.png\" alt=\"\" class=\"wp-image-6636\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-31.png 1024w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-31-300x168.png 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-31-768x431.png 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/image-31-18x10.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setelah itu, kalian bisa melakukan proses pengembangan <em>front end <\/em>dari <em>website <\/em>atau aplikasi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Kamu tertarik untuk mengembangkan <em>website<\/em> tapi bingung gimana caranya? Jangan khawatir, <a href=\"http:\/\/alan.co.id\/en\/\">Alan Creative<\/a> hadir untuk membantu menyelesaikan masalah kamu. Kami menyediakan <a href=\"https:\/\/alan.co.id\/en\/aplikasi-web\/\">layanan pembuatan <em>website<\/em><\/a> dengan profesional. Tunggu apalagi? <a href=\"http:\/\/instagram.com\/alancreativeid\">Hubungi kami<\/a> sekarang juga untuk mendapatkan penawaran terbaik!<\/p>","protected":false},"excerpt":{"rendered":"<p>Halo, Alan Lovers! Kamu developer front end dan tertarik untuk menggunakan Vue.js? Gak heran sih, soalnya Vue.js emang jadi salah satu framework pilihan terbaik untuk kalian. Tapi, kalian tau gak sih gimana cara install-nya? Kalau kalian masih bingung gimana cara install Vue.js di perangkat kalian, yuk simak artikel ini. Cara Install Vue.js Sebelum meng-install Vue.js, [&hellip;]<\/p>","protected":false},"author":4,"featured_media":12931,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[26],"tags":[449],"class_list":["post-6623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","tag-cara-install-vue-js"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.5 (Yoast SEO v26.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Install Vue.js Dengan Mudah<\/title>\n<meta name=\"description\" content=\"Vue.js emang jadi salah satu framework pilihan terbaik untuk kalian.Tapi, kalian tau gak sih gimana cara install Vue.js? Yuk simak artikelnya\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alan.co.id\/en\/cara-install-vue-js-dengan-mudah\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software house dan Creative Agency Nomor 1 di Indonesia.\" \/>\n<meta property=\"og:description\" content=\"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alan.co.id\/en\/cara-install-vue-js-dengan-mudah\/\" \/>\n<meta property=\"og:site_name\" content=\"Alan Creative\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/alancreativeid\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-16T12:02:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-19T08:47:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1920\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Rakhadian Kuswana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@welangsung\" \/>\n<meta name=\"twitter:site\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rakhadian Kuswana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/\"},\"author\":{\"name\":\"Rakhadian Kuswana\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d\"},\"headline\":\"Cara Install Vue.js Dengan Mudah\",\"datePublished\":\"2023-03-16T12:02:02+00:00\",\"dateModified\":\"2023-09-19T08:47:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/\"},\"wordCount\":504,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp\",\"keywords\":[\"Cara Install Vue.js\"],\"articleSection\":[\"Teknologi\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/\",\"url\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/\",\"name\":\"Cara Install Vue.js Dengan Mudah\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp\",\"datePublished\":\"2023-03-16T12:02:02+00:00\",\"dateModified\":\"2023-09-19T08:47:12+00:00\",\"description\":\"Vue.js emang jadi salah satu framework pilihan terbaik untuk kalian.Tapi, kalian tau gak sih gimana cara install Vue.js? Yuk simak artikelnya\",\"breadcrumb\":{\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp\",\"width\":2560,\"height\":1920,\"caption\":\"Cara Install Vue.js Dengan Mudah\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/alan.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Install Vue.js Dengan Mudah\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/alan.co.id\/#website\",\"url\":\"https:\/\/alan.co.id\/\",\"name\":\"Alan Creative\",\"description\":\"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia\",\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/alan.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/alan.co.id\/#organization\",\"name\":\"Alan Creative\",\"url\":\"https:\/\/alan.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"width\":500,\"height\":386,\"caption\":\"Alan Creative\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/alancreativeid\",\"https:\/\/x.com\/alancreativeid\",\"https:\/\/instagram.com\/alancreativeid\",\"https:\/\/tiktok.com\/@alancreativeid\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d\",\"name\":\"Rakhadian Kuswana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g\",\"caption\":\"Rakhadian Kuswana\"},\"sameAs\":[\"http:\/\/alan.co.id\",\"https:\/\/www.instagram.com\/casrak_\/\",\"https:\/\/www.linkedin.com\/in\/rakhadiannoerkuswana\/\",\"https:\/\/x.com\/welangsung\"],\"gender\":\"laki-laki\",\"url\":\"https:\/\/alan.co.id\/en\/author\/rakhadian\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cara Install Vue.js Dengan Mudah","description":"Vue.js emang jadi salah satu framework pilihan terbaik untuk kalian.Tapi, kalian tau gak sih gimana cara install Vue.js? Yuk simak artikelnya","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alan.co.id\/en\/cara-install-vue-js-dengan-mudah\/","og_locale":"en_US","og_type":"article","og_title":"Software house dan Creative Agency Nomor 1 di Indonesia.","og_description":"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.","og_url":"https:\/\/alan.co.id\/en\/cara-install-vue-js-dengan-mudah\/","og_site_name":"Alan Creative","article_publisher":"https:\/\/facebook.com\/alancreativeid","article_published_time":"2023-03-16T12:02:02+00:00","article_modified_time":"2023-09-19T08:47:12+00:00","og_image":[{"width":2560,"height":1920,"url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp","type":"image\/webp"}],"author":"Rakhadian Kuswana","twitter_card":"summary_large_image","twitter_creator":"@welangsung","twitter_site":"@alancreativeid","twitter_misc":{"Written by":"Rakhadian Kuswana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#article","isPartOf":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/"},"author":{"name":"Rakhadian Kuswana","@id":"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d"},"headline":"Cara Install Vue.js Dengan Mudah","datePublished":"2023-03-16T12:02:02+00:00","dateModified":"2023-09-19T08:47:12+00:00","mainEntityOfPage":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/"},"wordCount":504,"commentCount":0,"publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"image":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp","keywords":["Cara Install Vue.js"],"articleSection":["Teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/","url":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/","name":"Cara Install Vue.js Dengan Mudah","isPartOf":{"@id":"https:\/\/alan.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage"},"image":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp","datePublished":"2023-03-16T12:02:02+00:00","dateModified":"2023-09-19T08:47:12+00:00","description":"Vue.js emang jadi salah satu framework pilihan terbaik untuk kalian.Tapi, kalian tau gak sih gimana cara install Vue.js? Yuk simak artikelnya","breadcrumb":{"@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#primaryimage","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/17_Cara_Install_Vue.js_Dengan_Mudah-scaled.webp","width":2560,"height":1920,"caption":"Cara Install Vue.js Dengan Mudah"},{"@type":"BreadcrumbList","@id":"https:\/\/alan.co.id\/cara-install-vue-js-dengan-mudah\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alan.co.id\/"},{"@type":"ListItem","position":2,"name":"Cara Install Vue.js Dengan Mudah"}]},{"@type":"WebSite","@id":"https:\/\/alan.co.id\/#website","url":"https:\/\/alan.co.id\/","name":"Alan Creative","description":"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia","publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alan.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alan.co.id\/#organization","name":"Alan Creative","url":"https:\/\/alan.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","width":500,"height":386,"caption":"Alan Creative"},"image":{"@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/alancreativeid","https:\/\/x.com\/alancreativeid","https:\/\/instagram.com\/alancreativeid","https:\/\/tiktok.com\/@alancreativeid"]},{"@type":"Person","@id":"https:\/\/alan.co.id\/#\/schema\/person\/356e999375d72a1eda00181a1b96070d","name":"Rakhadian Kuswana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8eb5420c4f61577eda3f27ec2f8cfeb72bd550201b2bf852c1b10dfa10cd2be0?s=96&r=g","caption":"Rakhadian Kuswana"},"sameAs":["http:\/\/alan.co.id","https:\/\/www.instagram.com\/casrak_\/","https:\/\/www.linkedin.com\/in\/rakhadiannoerkuswana\/","https:\/\/x.com\/welangsung"],"gender":"laki-laki","url":"https:\/\/alan.co.id\/en\/author\/rakhadian\/"}]}},"_links":{"self":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/comments?post=6623"}],"version-history":[{"count":4,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6623\/revisions"}],"predecessor-version":[{"id":12932,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6623\/revisions\/12932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media\/12931"}],"wp:attachment":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media?parent=6623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/categories?post=6623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/tags?post=6623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}