Cara Setup Text Editor VS Code untuk C++

Luhur Fatah 10 bulan ago

Selamat datang di seri Belajar C++, kali ini saya akan membahas mengenai Cara Setup Text Editor VS Code untuk C++, silahkan simak artikel berikut ini secara seksama dan apabila ada pertanyaan silahkan ajukan di kolom komentar.

Setelah sebelumnya kita sudah membahas mengenai Cara Install Compiler C++ di Windows, Langkah selanjutnya adalah kita harus menyiapkan alat tempat kita akan ngoding atau membuat sebuah program C++.

Umumnya orang orang (terutama pemula) akan lebih memilih untuk menggunakan IDE (Integrated Development Environment) untuk Ngoding bahasa tertentu dari pada menggunakan sebuah Text Editor, karna biasanya mempersiapkan sebuah text editor akan cukup memnbingungkan apalagi untuk para pemula.

Text Editor vs IDE

Dulu, waktu saya pertama kali terjun ke dunia programming juga dibuat kebingungan dengan istilah IDE dan Text Editor, Saya kira keduanya adalah hal sama, namun setelah baca sana sini akhirnya paham juga perbedaannya.

Apa itu IDE?

IDE atau Integrated Development Environment adalah sebuah program yang dibuat khusus bagi para pengembang atau developer untuk mengembangkan sebuah perangkat lunak, dalam sebuah IDE biasanya sudah tersedia paket lengkap berupa Source Code Editor, Build Tools berupa Compiler atau Interprer, dan Debugger. (Source : Wikipedia)

Contoh IDE : DevC++ (IDE untuk C/C++), Netbeans (IDE untuk Java, JavaScript, HTML5, PHP, C/C++ ), Visual Studio IDE dll.

Apa itu Text Editor?

Sedangkan untuk Text Editor, sama seperti namanya hanyalah sebuah alat yang digunakan untuk mengedit sebuah Kode Program atau Source Code saja, dalam Text editor tidak ada Compiler dan Debugger bawaan, sehingga ketika kita ingin meng-compiler sebuah program maka kita harus menginstall compilernya secara terpisah, caranya adalah seperti yang sudah saya terangkan di postingan Cara Install Compiler C++ di Windows .

Contoh Text Editor : VS Code, Sublime Text, Atom, Notepad ++.

Atau dengan bahasa yang lebih simpel lagi bisa juga dikatakan

IDE = Text Editor + Compiler + Debugger.

Persipan Alat dan bahan

Instalasi VS Code

Untuk proses instalasi VS Code sebenarnya sama saja seperti instalasi program program lain, namun disini akan saya coba terangkan satu persatu agar lebih jelas.

Baca Juga :   Contoh Program C/C++ untuk Menghitung Luas dan Keliling Segitiga

Pertama download dulu installer VS Code (link ada di atas).

Jika sudah jalankan program installernya.

Jika sudah berjalan seperti gambar di bawah, langsung saja centang pada I accept the agreement lalu klik Next.

Cara Install VS Code

Lalu anda akan disuruh memilih apa saja yang akan dilakukan (tugas tambahan), anda boleh biarkan saja seperti itu atau bisa juga di centang pada Create a dekstor icon (untuk menampilkan icon VS code di dekstop) dan juga Register Code as an editor supported file types (untuk menampilkan pilihan open with VS code pada saat file di klik kanan).

Jika sudah langsung saja klik Next.

Cara Install VS Code

Lalu klik Install.

Cara Install VS Code

Jika proses instalasi berhasil maka tampilannya akan seperti gambar di bawah ini.

Cara Install VS Code

Biarkan saja tanda ceklis pada Lunch visual Studio code, lalu klik Finish.

Dan jika VS Code berjalan seperti gambar di bawah, artinya VS Code sudah berhasil terinstall.

Cara Install VS Code

Setup VS Code untuk C++

Untuk bisa Ngoding dan juga Running program C++ di VS Code kita akan membutuhkan beberapa plugin dan juga sedikit settingan pada VS code agar program bisa di jalankan secara langsung pada Integrated Terminal.

Oke, langsung saja kita install plugin yang pertama.

Nama plugin yang harus kita install pertam adalah C/C++, plugin ini berfungsi sebagai IntelliSense, Debugging dan juga Code Browsing untuk C++ dan juga C.

Untuk menginstall nya, pertama buka VS Code, lalu lihat panel sebelah kiri, disitu terdapat icon seperti rubik (kotak kotak), klik pada icon tersebut.

Setup VS Code untuk C++

Lalu ketikan pada pencarian C++.

Setup VS Code untuk C++

Lalu pilih plugin yang paling atas (C/C++) lalu klik Intsall.

Setup VS Code untuk C++

Jika sudah terinstall, lakukan juga pada plugin kedua, nama pluginnya adalah Code Runner.

Baca Juga :   Cara Install Wordpress Offline di Localhost menggunakan XAMPP

Plugin ini adalah salah satu plugin yang sangat bergunu menurut saya, karna dengan plugin ini kita tidak perlu capek capek mengcompile secara manual (ngetik sendiri di terminal) melainkan cukup dengan shortcut tertentu saja maka secara otomatis plugin ini akan menuliskan sintaks untuk mengcompile program kita.

Setup VS Code untuk C++

Jika semuanya sudah terinstall, maka langkah selanjutnya adalah Setting Integrated terminal.

Apa itu Integrated Terminal?

Pada visual studio code, ada sebuah fitur yang menurut saya sangat berguna bagi para programmer, yaitu Integrated Terminal.

Integrated Terminal adalah sebuah terminal yang terintegrasi secara langsung dengan VS code, terminal ini nanti akan muncul dibawah kode program, sehingga kita tidak perlu menggunakan terminal dari luar lagi untuk kompilasi dan juga running sebuah program.

Setup VS Code untuk C++

Cara Mengaktifkan Integrated Terminal

Pada Visual Studio Code klik pada menu File >> Preferences >> Setting atau mudahnya cukup tekan Ctrl+,

Setup VS Code untuk C++

Catatan :
Sepertinya untuk VS Code versi terbaru Integrated Terminal sudah secara default terpilih, jadi sudah tidak perlu diubah lagi.

Sampai disini sebenarnya VS code sudah siap untuk Ngoding C++, akan tetapi anda akan menemukan masalah apabila membuat program yang meminta user untuk menginputkan suatu nilai.

Untuk awalan coba kita buat sebuah program sederhana untuk menampilkan tulisan hello word menggunakan C++.

Sebelumnya silahkan buat sebuah folder baru dengan nama apa saja, boleh Coding, Latihan atau apapun.

Jika sudah, silahkan buka kembali VS Code, lalu buka folder di VS Code dengan cara pergi ke File >> Open Folder…

Setup VS Code untuk C++

Lalu buat sebuah file baru dengan cara mengklik icon file baru.

Setup VS Code untuk C++

Beri nama file tersebut dengan nama HelloWorld.cpp

Lalu paste kan kode berikut ke dalamnya.

#include<iostream>
using namespace std;

int main(int argc, char const *argv[])
{
    cout<<"Hello World";
    return 0;
}

Lalu save dengan cara menekan tombol Ctrl+S di keyboard.

Lalu run kode yang sudah kita buat tadi dengan cara klik kanan pada kode tersebut lalu pilih Run Code.

Setup VS Code untuk C++

Hasilnya kurang lebih akan seperti ini.

Baca Juga :   2 Cara Mudah Buat Sitemap XML di Wordpress
Setup VS Code untuk C++

Sejauh ini terlihat tidak terjadi masalah apa apa.

Selanjutnya kita coba membuat sebuah program lagi, namun kali ini program yang akan kita buat adalah program yang akan menyuruh user menginputkan sebuah nilai.

Langsung saja buat file baru persis seperti sebelumnya, namun berinama file tersebut dengan nama LuasSegitiga.cpp.

Lalu pastekan kode berikut ke dalam file tadi.

#include <iostream>
using namespace std;

int main(){

int alas;
int tinggi;
int luas;

cout<<"Masukan Alas Segitiga :";
// Menyimpan nilai yang user input ke varible alas
cin>>alas;

cout<<"Masukan Tinggi Segitiga :";
// Menyimpan nilai yang user input ke varible tinggi
cin>>tinggi;

luas =0.5*alas*tinggi;
cout<<"Luas segitiga adalah " <<luas;
}

Seperti namanya, program ini akan menghitung luas sebuah segitiga dengan cara menyuruh user untuk menginputkan nilai alas dan juga tingginya, lalu program akan memprosesnya dan menampilkan hasilnya.

Sekarang save file tersebut, lalu Run dengan cara yang sama seperti di atas.

Maka yang akan terjadi adalah seperti ini.

Setup VS Code untuk C++

Disitu terlihat program membutuhkan sebuah inputan berupa nilai alas dari sebuah segitiga, namun kita tidak bisa menginputnya dan terdapat sebuah pesan berbunyi Cannot Edit in read-only editor yang initnya kita tidak bisa memberi masukan atau inputan ke dalamnnya.

Itu dikarenakan, sebenarnya program kita belum dijalankan di Integrated Terminal, program kita hanya muncul sebagai sebuah output saja disitu.

Untuk mengatasinya, kita hanya perlu mengganti settingan pada plugin Code Runner.

Caranya adalah, pergi ke File >> Preferences >> Setting , lalu ketikan Code Runner pada kolom pencarian.

Lalu scroll ke bawah sampai ketemu settingan Code-runner:Run in terminal.

Setup VS Code untuk C++

Lalu ceklis pada Whether to run in Integrated Terminal.

Setelah itu restart VS Code untuk mengaktifkan settingan terbaru.

Nah sekarang kita coba Run kembali program tersebut.

Setup VS Code untuk C++

Dan seperti yang dilihat progam sudah bisa berjalan dengan normal dan juga bisa menerima inputan user.

Penutup

Bagaimana? Tidak terlalu rumit bukan? selanjutnya kita kan mulai membahas mengenai tipe data pada c++ dan contoh penggunaannya.

Saya cukupkan artikel Cara Setup Text Editor VS Code untuk C++ ini, apabila ada kesalahan mohon dimaafkan, sekian dan terimakasih.