{"id":19924,"date":"2024-04-03T01:49:00","date_gmt":"2024-04-03T01:49:00","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=19924"},"modified":"2024-04-03T01:49:50","modified_gmt":"2024-04-03T01:49:50","slug":"visual-studio-code","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/visual-studio-code","title":{"rendered":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!"},"content":{"rendered":"<p>Jika Anda bekerja di dunia IT, Anda mungkin familiar dengan code editor. Code editor adalah suatu keharusan yang perlu Anda instal untuk membuat aplikasi. Ada banyak code editor yang dapat Anda gunakan untuk membuat aplikasi. Namun jika Anda mencari code editor yang kaya fitur dan mendukung banyak bahasa pemrograman, Visual Studio Code adalah jawabannya.<\/p>\n<p>Penasaran dengan keunggulan Visual Code Studio dan fitur-fitur yang ditawarkannya? Hosteko memberikan informasi mendalam tentang Visual Studio Code, mulai dari pemahaman hingga pembelajaran Visual Code Studio. Jika Anda sedang mencari informasi ini, Anda berada di tempat yang tepat. Mari kita mulai diskusi bersama!<\/p>\n<h2><span id=\"Visual_Studio_Code_adalah_Code_Editor\">Visual Studio Code adalah Code Editor<\/span><\/h2>\n<p>Visual Studio Code merupakan code editor yang dikembangkan oleh perusahaan raksasa di bidang teknologi yaitu Microsoft. Visual Studio Code dapat berjalan di perangkat desktop berbasis Mac OS, Windows, dan Linux. Visual Studio Code adalah code editor canggih yang memungkinkan Anda mengedit <em>source code<\/em> dalam berbagai bahasa, termasuk TypeScript, JavaScript, Java, PHP, dan Python. Code editor ini sangat powerful, namun mudah dan ringan digunakan.<\/p>\n<p>Maka tidak heran jika Visual Studio Code banyak digunakan dan dipilih oleh developer di seluruh dunia. Menurut studi <em>Stack Overflow<\/em>, pengguna Visual Studio Code memiliki skor 71,06%. Visual Studio Code merupakan code editotr dengan berbagai fitur lengkap dan ekstensi yang dapat Anda sesuaikan dengan kebutuhan Anda. Apa saja fiturnya? Simak pembahasannya dibawah ini.<\/p>\n<h2><span id=\"Apa_Saja_Fitur_Visual_Code_Studio\">Apa Saja Fitur Visual Code Studio?<\/span><\/h2>\n<p>Visual Studio Code adalah code editor dengan fitur hebat yang tidak ditemukan pada pesaingnya. Berikut adalah beberapa fitur Visual Code Studio yang membuat code editor ini begitu populer.<\/p>\n<h3><span id=\"1_Basic_Editing\">1. Basic Editing<\/span><\/h3>\n<p>Seperti namanya, Visual Studio Code pasti menyediakan fungsionalitas dasar untuk <em>coding<\/em> atau membangun aplikasi. Fitur Visual Code Studio seperti <em>keyboard shortcut, multiple selection,<\/em> dan <em>column selection.<\/em> <em>K<\/em><em>eyboard shortcut<\/em> Visual Studio Code sangat lengkap dan Anda juga dapat mengedit <em>keyboard shortcut<\/em> sesuai dengan tombol yang Anda butuhkan.<\/p>\n<p>Selain itu, Anda tidak perlu khawatir jika sedang <em>editing code<\/em> namun ada kemungkinan kode hilang, menggunakan fitur Visual Code Studio seperti &#8220;<em>Auto Save<\/em>&#8221; dan &#8220;<em>hot exit<\/em>&#8221; dapat menyelesaikan masalah ini. Kedua fitur Visual Code Studio ini dapat menyimpan kode Anda secara otomatis, sehingga Anda tidak perlu khawatir kehilangan perubahan kode Anda.<\/p>\n<h3><span id=\"2_IntelliSense\">2. IntelliSense<\/span><\/h3>\n<p>Fitur selanjutnya di Visual Code Studio adalah IntelliSense. Fitur Visual Code Studio ini sebenarnya mirip dengan <em>Autocomplete,<\/em> membantu developer dalam proses <em>coding<\/em> dengan memberikan saran global berdasarkan kata yang Anda ketik.<\/p>\n<p>Pada dasarnya fungsionalitas Visual Code Studio hanya tersedia untuk beberapa bahasa pemrograman terkenal, seperti TypeScript, JavaScript, HTML, CSS, dan JSON. Tapi jangan khawatir. Anda dapat menambahkan lebih banyak bahasa pemrograman dengan mengunduh <em>extension<\/em> pada <em>extension marketplace<\/em> yang tersedia.<\/p>\n<h3><span id=\"3_Debugging\">3. Debugging<\/span><\/h3>\n<p>Debugging adalah fitur selanjutnya dari Visual Code Studio. Fungsi ini berguna untuk menjalankan, mengedit, dan mengkompilasi kode berulang kali. Ini biasanya disebut <em>looping<\/em>. Fitur Visual Code Studio ini hanya mendukung Node.Js, dan jika ingin menambahkan bahasa pemrograman lain, Anda dapat terus menggunakannya dengan mendownload <em>Extension<\/em> dari <em>Extension Marketplace.<\/em><\/p>\n<h3><span id=\"4_Extension_Marketplace\">4. Extension Marketplace<\/span><\/h3>\n<p>Selanjutnya, Extensions Marketplace adalah fitur paling penting dari Visual Code Studio dan fitur hebat dibandingkan pesaingnya. Anda dapat dengan mudah mengunduh dan menginstal berbagai extension yang diperlukan seperti <em>debugger<\/em> dan <em>tools. <\/em>Menariknya, Anda juga bisa menambahkan beberapa bahasa pemrograman, loh!<\/p>\n<p>Jadi jika ingin menggunakan bahasa pemrograman lain tidak perlu menggunakan code editor lain. Produsen <em>extension <\/em>dapat berkontribusi langsung secara fungsional untuk memecahkan masalah ini, jadi Anda tidak perlu khawatir tentang masalah kompatibilitas.<\/p>\n<h3><span id=\"5_Github_Integration\">5. Github Integration<\/span><\/h3>\n<p>Github adalah salah satu platform manajemen proyek terpopuler di dunia yang memungkinkan Anda berkolaborasi dengan tim Anda. Jadi fitur Visual Code Studio yang terakhir ini memungkinkan Anda menghubungkan code editor Anda dengan Github.<\/p>\n<p>Oleh karena itu, Anda tidak perlu mengubah <em>software<\/em> saat menghubungkan ke Github. Cukup unduh dan instal <em>tools Issues<\/em> dan Github <em>Pull Request<\/em> dari Extensions Marketplace. Anda akan segera terhubung ke Github. Sangat keren!<\/p>\n<h2><span id=\"Kelebihan_Visual_Code_Studio\">Keunggulan Visual Code Studio<\/span><\/h2>\n<p>Setelah membahas alasan mengapa Visual Code Studio populer. Hosteko menjelaskan keunggulan Visual Code Studio yang perlu Anda ketahui. Apa saja keunggulan Visual Code Studio? Simak pembahasannya!<\/p>\n<h3><span id=\"1_Dapat_digunakan_secara_gratis\">1. Gratis digunakan<br \/>\n<\/span><\/h3>\n<p>Jika Anda seorang pemula dan ingin menghemat biaya pengembangan aplikasi, Visual Studio Code adalah solusinya. Visual Studio Code memiliki banyak manfaat dan fitur, namun tetap gratis untuk digunakan.<\/p>\n<h3><span id=\"2_Fitur_yang_lengkap\">2. Fitur lengkap<\/span><\/h3>\n<p>Menyediakan fitur lengkap merupakan keunggulan Visual Code Studio. Seperti yang telah kami sebutkan, fungsionalitas Visual Code Studio sangat lengkap bahkan memiliki fitur yang tidak dimiliki pesaingnya, yaitu Extension Marketplace. Extension Marketplace memberi Anda kebebasan untuk menambahkan berbagai <em>tools<\/em>.<\/p>\n<h3><span id=\"3_Performa_yang_cepat\">3. Performa cepat<\/span><\/h3>\n<p>Performa adalah keunggulan lain dari Visual Code Studio. Saat menggunakan suatu aplikasi, Anda selalu menilainya berdasarkan performanya bukan! Visual Studio Code adalah code editor yang menawarkan performa secepat kilat karena ukurannya yang kecil.<\/p>\n<p>Visual Studio Code berjalan optimal meskipun Anda mengunduh dan menginstal banyak extension. Alasannya adalah karena code editor ini dioptimalkan agar tetap ringan, dan banyak extension yang disertakan dalam code editor tidak berdampak nyata pada performa aplikasi ini.<\/p>\n<h3><span id=\"4_Mendukung_banyak_bahasa_pemrograman\">4. Mendukung banyak bahasa pemrograman<\/span><\/h3>\n<p>Visual Studio Code merupakan code editor yang mendukung banyak bahasa pemrograman. Keunggulan Visual Code Studio adalah code editor yang sangat populer karena memfasilitasi pengembangan aplikasi. Contohnya termasuk Electron, yang berguna untuk Node.js dan JavaScript, dan Monaco Cloud Editor, yang mendukung HTML, .NET, Roslyn, dan banyak lagi.<\/p>\n<h3><span id=\"5_Multiplatform\">5. Multiplatform<\/span><\/h3>\n<p>Meski dikembangkan oleh Microsoft, keunggulan Visual Code Studio adalah dapat berjalan di berbagai sistem operasi seperti Mac OS, Windows, dan Linux. Artinya, dapat dengan mudah digunakan di <em>platform<\/em> apa pun.<\/p>\n<h2><span id=\"Tutorial_Visual_Code_Studio\">Tutorial Visual Code Studio<\/span><\/h2>\n<p>Jika anda sudah memahami pengertian, fitur, dan keunggulan Visual Code Studio. Kali ini saya sarankan untuk memperhatikan pembahasan tutorial Visual Code Studio berikut ini, seperti Instal Visual Code Studio dan instal juga extensionnya. Sekarang mari kita lihat pembahasannya!<\/p>\n<h3><span id=\"Cara_Install_Visual_Code_Studio\">Cara Install Visual Code Studio<\/span><\/h3>\n<p>Sebelum melanjutkan instalasi Visual Code Studio , Anda harus membuka halaman resmi Visual Studio Code terlebih dahulu dan mendownload installernya sesuai platform yang Anda gunakan. Misalnya saja Hosteko akan mengunduh untuk <em>platform windows. <\/em>Tunggu beberapa saat hingga installer terdownload sepenuhnya dan proses selesai.<\/p>\n<p>Jika sudah, klik installer yang diunduh dan klik <em>\u201cRun\u201d<\/em> untuk menyelesaikan proses instalasi. Ikuti berbagai instruksi yang muncul. Setelah selesai maka akan muncul tombol <em>Finish<\/em> dan proses instalasi Visual Code Studio akan selesai.<br \/>\nSelamat, proses instalasi Visual Code Studio selesai!<\/p>\n<h3><span id=\"Cara_Install_Visual_Code_Studio_Extension\">Cara Install Visual Code Studio Extension<\/span><\/h3>\n<p>Setelah Anda berhasil menginstal code editor ini, Anda dapat langsung menggunakannya untuk menginstal berbagai extension yang Anda perlukan. Gimana metodenya?<\/p>\n<p>Langkah pertama adalah mengklik ikon extension di menu sidebar yang tersedia. Setelah Anda diarahkan ke halaman Extension Marketplace, Anda perlu mencari extension yang Anda inginkan dengan memasukkannya ke dalam kotak pencarian. Setelah Anda menemukan hasilnya, klik <em>\u201cInstall\u201d. <\/em>Silakan tunggu beberapa saat hingga instalasi selesai. Jika instalasi berhasil, extension akan muncul di tab \u201cInstalled\u201d. Menginstal extension Visual Code Studio itu mudah bukan!.<\/p>\n<h2><span id=\"Belajar_Visual_Code_Studio\">Pelajari Visual Code Studio<\/span><\/h2>\n<p>Code editor dan extension berhasil diinstal. Pelajari dasar-dasar Visual Code Studio. Dengarkan diskusinya.<\/p>\n<h3><span id=\"Mengganti_Tema\">Mengubah Tema<\/span><\/h3>\n<p>Hal pertama yang perlu Anda pelajari tentang Visual Code Studio adalah mengubah tema. Visual Studio Code memungkinkan Anda mengubah tema. Caranya sangat sederhana, yaitu cukup tekan <em><strong>Ctrl + K dan Ctrl + T<\/strong><\/em> secara berurutan. Anda dapat memilih dari berbagai tema default yang disediakan, tetapi Anda juga dapat mengunduh tema lain di <em>Extension Marketplace.<\/em><\/p>\n<h3><span id=\"Menjalankan_Hasil_Coding\">Menjalankan Hasil Coding<\/span><\/h3>\n<p>Langkah selanjutnya dalam mempelajari Visual Code Studio adalah menjalankan hasil coding Anda. Setelah membuat dan mengedit <em>source code<\/em>, Anda selalu ingin melihat hasilnya. Oleh karena itu, Anda perlu mengklik <em>\u201cRun\u201d<\/em> pada toolbar untuk menjalankan <em>source code<\/em>.<\/p>\n<p>Ada dua opsi untuk dipilih di sini, yaitu <em>\u201cStart Debugging\u201d<\/em> dan <em>\u201cRun Without Debugging\u201d. <\/em>Sebenarnya sama, yang membedakan hanya apakah Anda menjalankannya di <em>debugger<\/em> atau menggunakan <em>software<\/em> lain seperti <em>web browser<\/em>.<\/p>\n<p>Saat ini fitur tidak tersedia dalam bahasa pemrograman tertentu seperti React Js. Untuk menjalankan aplikasi yang Anda buat, Anda perlu menulis command di terminal.<\/p>\n<h3><span id=\"Membuka_dan_Membuat_File_Baru\">Membuka dan Membuat File Baru<\/span><\/h3>\n<p>Untuk membuka file, Anda dapat menekan<em><strong> Ctrl + O<\/strong> <\/em>untuk <em>\u201copen\u201d. <\/em>Namun jika Anda ingin mencari file yang ingin dibuka, gunakan <em><strong>Ctrl + P<\/strong><\/em> dan klik file yang muncul. Jika ingin membuat file baru, klik <em><strong>Ctrl + N<\/strong><\/em> dan pilih <em>\u201cnew file\u201d<\/em>, lalu klik <em><strong>Ctrl + S<\/strong><\/em> untuk menyimpan file yang ditambahkan.<\/p>\n<h3><span id=\"Berganti_Bahasa_Pemrograman\">Mengganti Bahasa Pemrograman<\/span><\/h3>\n<p>Anda dapat mengganti bahasa pemrograman yang Anda gunakan dengan menekan <em><strong>Ctrl + K lalu M<\/strong><\/em>. Jadi tinggal pilih bahasa pemrograman yang ingin digunakan.<\/p>\n<h3><span id=\"Mendeteksi_Error\">Mendeteksi Error<\/span><\/h3>\n<p>Pelajaran terakhir dalam Visual Code Studio adalah deteksi error. Error tidak lepas dari proses pengkodean. Jadi, tekan <em><strong>Ctrl + Shift + M<\/strong><\/em> untuk melihat error yang terjadi.<br \/>\nJika beberapa kesalahan terdeteksi, Anda dapat menggunakan <em><strong>F8<\/strong><\/em> untuk berpindah dari satu kesalahan ke kesalahan lainnya.<\/p>\n<h2><span id=\"Tertarik_Menggunakan_Visual_Studio_Code\">Apakah Anda Tertarik Menggunakan Visual Studio Code?<br \/>\n<\/span><\/h2>\n<p>Visual Studio Code merupakan code editor dengan beragam fitur dan manfaat, itulah sebabnya aplikasi ini begitu populer. Pesaing-pesaingnya tidak memiliki fitur unggulan seperti Extension Marketplace dan IntelliSens, loh! Selain itu, keunggulan performa Visual Code Studio dan sifatnya yang gratis juga menjadi alasan mengapa banyak developer memilih editor kode ini. Semoga penjelasan ini dapat membantumu agar tidak kebingungan lagi ya sobat!<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;19924&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;5\\\/5 - (2 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            5\/5 - (2 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jika Anda bekerja di dunia IT, Anda mungkin familiar dengan code editor. Code editor adalah suatu keharusan yang perlu Anda instal untuk membuat aplikasi. Ada banyak code editor yang dapat Anda gunakan untuk membuat aplikasi. Namun jika Anda mencari code editor yang kaya fitur dan mendukung banyak bahasa pemrograman, Visual Studio Code adalah jawabannya. Penasaran [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":19935,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"aside","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3],"tags":[8450,8452,8446,1348,8448,8451,8449,8447],"class_list":["post-19924","post","type-post","status-publish","format-aside","has-post-thumbnail","hentry","category-blog","tag-bahasa-pemrograman","tag-code","tag-code-editor","tag-coding","tag-it","tag-pemrograman","tag-software","tag-visual-code-studio","post_format-post-format-aside"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png",1366,768,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog<\/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:\/\/hosteko.com\/blog\/visual-studio-code\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Jika Anda bekerja di dunia IT, Anda mungkin familiar dengan code editor. Code editor adalah suatu keharusan yang perlu Anda instal untuk membuat aplikasi. Ada banyak code editor yang dapat Anda gunakan untuk membuat aplikasi. Namun jika Anda mencari code editor yang kaya fitur dan mendukung banyak bahasa pemrograman, Visual Studio Code adalah jawabannya. Penasaran [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/visual-studio-code\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-03T01:49:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T01:49:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nabilah Atikah S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nabilah Atikah S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code\"},\"author\":{\"name\":\"Nabilah Atikah S\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/fc0ab088e5f1b4414ac8bee6bfc13d10\"},\"headline\":\"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!\",\"datePublished\":\"2024-04-03T01:49:00+00:00\",\"dateModified\":\"2024-04-03T01:49:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code\"},\"wordCount\":1447,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png\",\"keywords\":[\"Bahasa Pemrograman\",\"Code\",\"Code Editor\",\"Coding\",\"IT\",\"Pemrograman\",\"Software\",\"Visual Code Studio\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/visual-studio-code#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code\",\"url\":\"https:\/\/hosteko.com\/blog\/visual-studio-code\",\"name\":\"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png\",\"datePublished\":\"2024-04-03T01:49:00+00:00\",\"dateModified\":\"2024-04-03T01:49:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/visual-studio-code\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/visual-studio-code#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/fc0ab088e5f1b4414ac8bee6bfc13d10\",\"name\":\"Nabilah Atikah S\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/821d61df4f1527cb0f1571e8bd773abee62f2608ad104d91e0814b8876e7843f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/821d61df4f1527cb0f1571e8bd773abee62f2608ad104d91e0814b8876e7843f?s=96&d=mm&r=g\",\"caption\":\"Nabilah Atikah S\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog","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:\/\/hosteko.com\/blog\/visual-studio-code","og_locale":"en_US","og_type":"article","og_title":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog","og_description":"Jika Anda bekerja di dunia IT, Anda mungkin familiar dengan code editor. Code editor adalah suatu keharusan yang perlu Anda instal untuk membuat aplikasi. Ada banyak code editor yang dapat Anda gunakan untuk membuat aplikasi. Namun jika Anda mencari code editor yang kaya fitur dan mendukung banyak bahasa pemrograman, Visual Studio Code adalah jawabannya. Penasaran [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/visual-studio-code","og_site_name":"Hosteko Blog","article_published_time":"2024-04-03T01:49:00+00:00","article_modified_time":"2024-04-03T01:49:50+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","type":"image\/png"}],"author":"Nabilah Atikah S","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nabilah Atikah S","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code"},"author":{"name":"Nabilah Atikah S","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/fc0ab088e5f1b4414ac8bee6bfc13d10"},"headline":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!","datePublished":"2024-04-03T01:49:00+00:00","dateModified":"2024-04-03T01:49:50+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code"},"wordCount":1447,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","keywords":["Bahasa Pemrograman","Code","Code Editor","Coding","IT","Pemrograman","Software","Visual Code Studio"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/visual-studio-code#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/visual-studio-code","url":"https:\/\/hosteko.com\/blog\/visual-studio-code","name":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu! - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","datePublished":"2024-04-03T01:49:00+00:00","dateModified":"2024-04-03T01:49:50+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/visual-studio-code"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/visual-studio-code#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Yuk! Kenali Lebih Dalam Apa Sih Visual Studio Code Itu!"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/fc0ab088e5f1b4414ac8bee6bfc13d10","name":"Nabilah Atikah S","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/821d61df4f1527cb0f1571e8bd773abee62f2608ad104d91e0814b8876e7843f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/821d61df4f1527cb0f1571e8bd773abee62f2608ad104d91e0814b8876e7843f?s=96&d=mm&r=g","caption":"Nabilah Atikah S"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2024\/04\/Yuk-Kenali-Lebih-Dalam-Apa-Sih-Visual-Studio-Code-Itu.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/19924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=19924"}],"version-history":[{"count":3,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/19924\/revisions"}],"predecessor-version":[{"id":19936,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/19924\/revisions\/19936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/19935"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=19924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=19924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=19924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}