{"id":3165,"date":"2020-06-06T10:07:32","date_gmt":"2020-06-06T10:07:32","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=3165"},"modified":"2020-06-06T10:07:32","modified_gmt":"2020-06-06T10:07:32","slug":"cara-install-vs-code-visual-studio-code","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","title":{"rendered":"Cara install VS Code (Visual Studio Code)"},"content":{"rendered":"<div id=\"attachment_3166\" style=\"width: 310px\" class=\"wp-caption alignnone\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3166\" data-attachment-id=\"3166\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/attachment\/vs-code\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&amp;ssl=1?v=1591434506\" data-orig-size=\"720,340\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"vs code\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;VS Code&lt;\/p&gt;\n\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&amp;ssl=1?v=1591434506\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?resize=300%2C142&#038;ssl=1\" alt=\"\" width=\"300\" height=\"142\" class=\"size-medium wp-image-3166\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?resize=300%2C142&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?w=720&amp;ssl=1 720w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-3166\" class=\"wp-caption-text\">VS Code<\/p><\/div>\n<p>VS Code atau Visual Studio adalah text editor yang banyak dipakai oleh para programmer saat ini. Nah untuk para pemula jangan galau, hari ini mimin akan kasih tau cara install VS Code ini. Sebelum kita install mimin mau kasih tau kelebihan dari text editor yang satu ini dibanding text editor lainnya.<\/p>\n<ol>\n<li>Ekstension<\/li>\n<p>Yaps, text editor ini mempunyai banyak ekstension mulai dari Live Server, Icon yang memudahkan kalian saat coding nanti, dan masih banyak lagi.<\/p>\n<li>Gratis<\/li>\n<p>VS Code ini text editor yang gratis loh, dibandingkan dengan Sublime Text yang harus registrasi terlebih dahulu untuk menggunakan secara full.<\/p>\n<li>Auto Complete<\/li>\n<p>Maksud auto complete disini adalah jika kalian seorang web developer, ketika kalian ingin memasukan &#8221;<\/p>\n<div class=\"container\"><\/div>\n<p>&#8221; kalian hanya perlu menulis &#8220;div.container&#8221; mudah bukan ?\n<\/ol>\n<p>Yuk dari pada kelamaan mending langsung ajah kita install VS Code :<\/p>\n<ul>\n<li>Pertama, kalian buka website resmi VS Code <a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">disini<\/a><\/li>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3167\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/attachment\/vs-download\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?fit=1362%2C642&amp;ssl=1?v=1591435405\" data-orig-size=\"1362,642\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"vs download\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?fit=1024%2C483&amp;ssl=1?v=1591435405\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?resize=300%2C141&#038;ssl=1\" alt=\"download\" width=\"300\" height=\"141\" class=\"alignnone size-medium wp-image-3167\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?resize=1024%2C483&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?resize=768%2C362&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-download.png?w=1362&amp;ssl=1 1362w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Disini kalian bisa memilih dengan meyesuaikan OS komputer\/laptop kalian ya.<\/p>\n<li>Kedua, buka file yang telah di download tadi dengan klik kanan lalu run as administrator lalu ikuti langkah-langkahnya sampai proses installasi selesai.<\/li>\n<p><\/p>\n<li>Ketiga, jalankan VS Code<br \/>\n<img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"3168\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/attachment\/vs-code-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?fit=1365%2C729&amp;ssl=1?v=1591436024\" data-orig-size=\"1365,729\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"vs code\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?fit=1024%2C547&amp;ssl=1?v=1591436024\" class=\"alignnone size-medium wp-image-3168\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?resize=300%2C160&#038;ssl=1\" alt=\"vs code\" width=\"300\" height=\"160\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?resize=300%2C160&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?resize=1024%2C547&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?resize=768%2C410&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code-1.png?w=1365&amp;ssl=1 1365w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<p>Dan sekarang kalian bisa langsung menggunakan VS Code ini pilih file lalu new atau bisa langsung Ctrl + N<\/p>\n<p>Selamat mengoding&#8230;.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VS Code atau Visual Studio adalah text editor yang banyak dipakai oleh para programmer saat ini. Nah untuk para pemula jangan galau, hari ini mimin akan kasih tau cara install VS Code ini. Sebelum kita install mimin mau kasih tau kelebihan dari text editor yang satu ini dibanding text editor lainnya. Ekstension Yaps, text editor [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":3166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Cara install VS Code (Visual Studio Code)","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[82],"tags":[260,44],"class_list":["post-3165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-code-editor","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara install VS Code (Visual Studio Code) - Hostnic.id<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara install VS Code (Visual Studio Code) - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"VS Code atau Visual Studio adalah text editor yang banyak dipakai oleh para programmer saat ini. Nah untuk para pemula jangan galau, hari ini mimin akan kasih tau cara install VS Code ini. Sebelum kita install mimin mau kasih tau kelebihan dari text editor yang satu ini dibanding text editor lainnya. Ekstension Yaps, text editor [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-06T10:07:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?v=1591434506\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"340\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Cara install VS Code (Visual Studio Code)\",\"datePublished\":\"2020-06-06T10:07:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/\"},\"wordCount\":212,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506\",\"keywords\":[\"code editor\",\"Website\"],\"articleSection\":[\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/\",\"name\":\"Cara install VS Code (Visual Studio Code) - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506\",\"datePublished\":\"2020-06-06T10:07:32+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506\",\"width\":720,\"height\":340,\"caption\":\"VS Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/cara-install-vs-code-visual-studio-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara install VS Code (Visual Studio Code)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara install VS Code (Visual Studio Code) - Hostnic.id","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:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","og_locale":"id_ID","og_type":"article","og_title":"Cara install VS Code (Visual Studio Code) - Hostnic.id","og_description":"VS Code atau Visual Studio adalah text editor yang banyak dipakai oleh para programmer saat ini. Nah untuk para pemula jangan galau, hari ini mimin akan kasih tau cara install VS Code ini. Sebelum kita install mimin mau kasih tau kelebihan dari text editor yang satu ini dibanding text editor lainnya. Ekstension Yaps, text editor [&hellip;]","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","og_site_name":"Hostnic.id","article_published_time":"2020-06-06T10:07:32+00:00","og_image":[{"width":720,"height":340,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?v=1591434506","type":"image\/png"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Cara install VS Code (Visual Studio Code)","datePublished":"2020-06-06T10:07:32+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/"},"wordCount":212,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506","keywords":["code editor","Website"],"articleSection":["Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/","name":"Cara install VS Code (Visual Studio Code) - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506","datePublished":"2020-06-06T10:07:32+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506","width":720,"height":340,"caption":"VS Code"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-install-vs-code-visual-studio-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Cara install VS Code (Visual Studio Code)"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/vs-code.png?fit=720%2C340&ssl=1?v=1591434506","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-P3","jetpack-related-posts":[{"id":3237,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menggunakan-bootstrap\/","url_meta":{"origin":3165,"position":0},"title":"Cara menggunakan Bootstrap 4 di Website (Offline)","author":"Monic","date":"2020-06-10","format":false,"excerpt":"Hai sobat hostnic... Kali ini mimin mau share nih cara menggunakan Bootstrap di Website kamu. Sebelumnya mimin udah share cara install aplikasi text editor yang akan kita gunakan nanti untuk coding website ini. Silahkan dibaca dulu Cara Install VS Code (Visual Studio Code) Pengertian Bootstrap \u00a0Bootstrap merupakan sebuah library framework\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=700%2C400 2x"},"classes":[]},{"id":8370,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/cara-install-node-js-di-visual-studio-code-panduan-lengkap-untuk-pengembangan-di-vs-code\/","url_meta":{"origin":3165,"position":1},"title":"Cara Install Node.js di Visual Studio Code: Panduan Lengkap untuk Pengembangan di VS Code","author":"Monic","date":"2023-10-12","format":false,"excerpt":"Hostnic.id -\u00a0Visual Studio Code (VS Code) adalah salah satu editor kode sumber yang populer digunakan oleh para pengembang perangkat lunak. Dengan dukungan yang kuat untuk ekstensi dan integrasi yang mudah dengan alat pengembangan lainnya, VS Code adalah pilihan yang ideal untuk pengembangan aplikasi web dan Node.js. Jika Anda ingin memulai\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Cara Install Node.js di Visual Studio Code: Panduan Lengkap untuk Pengembangan di VS Code","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/3.png?fit=1200%2C599&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/3.png?fit=1200%2C599&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/3.png?fit=1200%2C599&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/3.png?fit=1200%2C599&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/10\/3.png?fit=1200%2C599&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3492,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/membuat-efek-ketikan-pada-text-di-website\/","url_meta":{"origin":3165,"position":2},"title":"Membuat efek ketikan pada text di Website","author":"Monic","date":"2020-07-03","format":false,"excerpt":"Pernah gak sih kalian menemukan website terus ngeliat ada tulisan yang kaya diketik gitu padahal kita gak mencet apa-apa ? Tenang itu bukan hantu kok hehehe, itu adalah sebuah fungsi yang dipakai oleh web developer untuk mempercantik tampilan webnya. Terus gimana buatnya ? Iya nanti mimin kasih tau kok caranya\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_15.png?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_15.png?fit=1200%2C674&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_15.png?fit=1200%2C674&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_15.png?fit=1200%2C674&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/07\/Screenshot_15.png?fit=1200%2C674&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3373,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/cara-menghubungkan-html-dengan-css\/","url_meta":{"origin":3165,"position":3},"title":"Cara menghubungkan HTML dengan CSS","author":"Monic","date":"2020-06-17","format":false,"excerpt":"Hallo sobat Hostnic... Kembali lagi nih sama mimin, sekarang kita akan melanjutkan project pembuatan website pribadi yaa. Nah sebelumnya kita sudah membuat navbar dengan library Bootstrap 4, sekarang kita edit dengan menggunakan CSS agar tampilannya makin segar dilihat. Cara membuat navbar mudah Sebelum kita mengedit navbar, langkah sebelumnya adalah menghubungkan\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":3377,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/membuat-navbar-lebih-rapih\/","url_meta":{"origin":3165,"position":4},"title":"Membuat navbar lebih rapih","author":"Monic","date":"2020-06-17","format":false,"excerpt":"\u00a0 Hallo sobat Hostnic... Nah sekarang saatnya mimin kasih tau agar navbar atau Navigation Bar di website kita bisa lebih rapih dan yang pasti enak untuk dilihat terutama HRD perusahaan yang akan kita lamar nantinya. Sebelumnya dibaca juga : Cara menghubungkan HTML dengan CSS Cara membuat navbar mudah \u00a0 Nah\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/Screenshot_5-1.png?fit=1200%2C674&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4670,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/mengenal-apa-itu-cms-joomla-dan-perbandingannya-dengan-wordpress\/","url_meta":{"origin":3165,"position":5},"title":"Mengenal Apa Itu CMS Joomla dan Perbandingannya Dengan WordPress","author":"Monic","date":"2021-03-22","format":false,"excerpt":"Pada artikel sebelumnya, kita sudah mengenal macam-macam CMS beserta dengan pengertian singkatnya. Pada artikel kali ini, kita akan membahas tentang CMS Joomla dan perbedaannya dengan CMS lain seperti Wordpress. Joomla merupakan salah satu CMS (Content Management System) yang menempati urutan ke 2 setelah Wordpress sebagai CMS terpopuler dan paling banyak\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"CMS Joomla","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/cms-joomla.jpg?fit=1113%2C740&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/cms-joomla.jpg?fit=1113%2C740&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/cms-joomla.jpg?fit=1113%2C740&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/cms-joomla.jpg?fit=1113%2C740&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/cms-joomla.jpg?fit=1113%2C740&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=3165"}],"version-history":[{"count":5,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3165\/revisions"}],"predecessor-version":[{"id":3173,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3165\/revisions\/3173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/3166"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=3165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=3165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=3165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}