Mohon tunggu...
leni
leni Mohon Tunggu... Lainnya - mahasiswa

seorang yang suka membaca, menulis, melukis dan menari

Selanjutnya

Tutup

Inovasi

Penggunaan CodeSnap pada Visual Studio Code dan apa hubungannya Git Bash dalam Github

26 Desember 2024   11:21 Diperbarui: 26 Desember 2024   11:21 36
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Visual Code & Google(Foto Visual Studio Code (Sumber: Microsoft, https://learn.microsoft.com/id-id/shows/visual-studio-code/))

Penggunaan CodeSnap pada Visual Studio Code dan apa hubungannya Git Bash dalam Github

Bagi mahasiswa/i yang berkuliah pada prodi Teknik Informatika pasti tidak asing dengan Visual Studio Code dan berbagainya yang berkaitan dengan VS code.

Pernahkah anda bertanya tanya tentang bagaimana penggunaan CodeSnap yang berjalan pada sebuah aplikasi bernama Visual Studio Code atau sering juga disebut dengan VS Code, serta untuk apa Git diperlukan dalam menghubungkan file sofeware secara langsung? Sebelum kita bahas tentang penggunaan CodeSnap pada VS Code, Mari kita bahas dan simak!


Apa itu Visual Studio Code?

Visual Studio yaitu, Integrated Development Environment (IDE) yang dapat digunakan untuk mengembangkang sebuah apllikasi. Rapid Application Development tools (RAD tools) tool untuk rancangan Visual Studio yang berfokus meningkatkan produktifitas. Versi baru pada visual studio yang mudah dipelajari.

 Visual Studio code atau sering kita sebut dengan VS Code yaitu sebuah teks editor yang ringan dan handal yang dibuat untuk sistem operasi multiplatform oleh Microsoft, tersedia untuk verssi Mac, Linux, dan Windows.


Fitur -- fitur yang terdapat pada VS Code

Visual Studio Code yaitu sebua code editor yang mempunyai banyak sekali fitur -- fitur unggulan yang sangat bagus, ada beberapa fitur yang sering digunakan dan membuatnya cukup diminati.

1. Basic Editing

Fungsi pada VS Code yaitu membuat aplikasi, menulis kode atau sering disebut dengan coding. Pada Basic editing ini juga meliputi tools multiple selection, keyboard shortcuts, auto save, column selection, dan hot exit.

2. Intellisense

Fitur intellisense serupa dengan Autocomplete yang bisa membantu developer pada saat proses coding, fitur ini hanya tersedia dalam beberapa Bahasa pemograman saja, contohnya seperti bahasa CSS, HTML, Javascript, JSON, dan juga Typescript.

3. Debugging 

Pada fitur debugging ini digunakan untuk mengedit, mengeksekusi, dan meng-compile kode dengan beru;ang atau sering disebut dengan looping.

4. Extension Marketplace

Fitur yang paling penting  dan menjadi fitur unggulan jika dibandingkan dengan yang lainnya, fitur ini diunduh dan dipasang di extension semacam tools dan debuggers.

5. Github Integration 

Fitur ini digunakan untuk menghubungkan code editor ke Github sehingga tida perlu berganti -- ganti software saat menghubungkan code editor ke Github.

 

Bagaimana menggunakan Visual Studio Code?

VS Code digunakan dalam beberapa Bahasa pemrograman seperti JavaScript, Java, C++, Python, HTML dan lain- lain, Menggunakan VS Code pada Bahasa python tentunya kita harus mengunduh data python terlebih dahulu di Microsoft Store, setelah terpasang baru kita bisa menggunakannya dengan mengklik Select Language dengan Bahasa python dan kita pun bisa menggunakannya.

Code pada VS Code (Screenshot Foto code(Sumber: Acer))
Code pada VS Code (Screenshot Foto code(Sumber: Acer))

Apa itu CodeSnap?

Extension CodeSnap adalah suatu ekstensi yang berguna untuk mengambil screenshot sebuah kode program di VS Code, pada CodeSnap memungkinkan pengguna bagi yang memakainya untuk memilih kode yang ingin di screenshot dengan rapi, menyesuaikan format dan menghasilkan gambar yang bagus.

Bagaimana mendapatkan CodeSnap?

CodeSnap (Screenshot codesnap(Sumber: Acer))
CodeSnap (Screenshot codesnap(Sumber: Acer))

Untuk mendapatkan CodeSnap kita perlu membuka VS Code di laptop kita, setelah itu kita klik ikon Extensions di sisi kiri dan cari CodeSnap di pencarian kemudian instal.

Penggunaan CodeSnap pada Visual Studio Code itu bagaimana?

Code pada VS Code ( Screenshot hasil code(Sumber: Acer))
Code pada VS Code ( Screenshot hasil code(Sumber: Acer))

Setelah CodeSnap terinstal, Anda bisa mengunakannya untuk mengambil gambar layar kode yang telah dibuat:

1. Pilih kode yang akan ditangkap atau dipilih.

2. Aktifkan CodeSnap untuk mengaktifkan nya hanya perlu tekan ctrl + shift + p secara langsung untuk membuka fitur Command        Palette, lalu ketik di pencarian "CodeSnap" dan klik.

3. Pratinjau, setelah dijalankan jendela pratinjau akan muncul yang menampilkan tampilan tangkapan layar anda.

4. Simpan dan salin, klik tombol save pada tampilan yang ditunjukan maka kode kalian yang sudah ditangkap layar akan tersimpan.

Apa itu Git?

 

Images may be subject to copyright. (Foto git (Sumber: https://github.com/GIT))
Images may be subject to copyright. (Foto git (Sumber: https://github.com/GIT))

Group Inclusive Tour (GIT) adalah sebuah version control yang programmer gunakan untuk berkolaborasi pembuatan dan pengembangan aplikasi. 

Cara mendapatkan GIT ?

Sebelum menggunakannya kita perlu menginstalnya dulu. Menginstal GIT di Laptop atau Windows sangat mudah, anda hanya perlu mendownload serta menjalankan instalisasinya.

1. Membuka website untuk mendownload GIT untuk Windows.

2. Setelah selesai, buka file untuk menjalankan instalasi, ikuti semua perintah, klik next dan finish dan proses instalasi selesai.

HALAMAN :
  1. 1
  2. 2
Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun