GCC Pada Visual Studio Code

4/21/2019 Pengaturan Visual Studio Code untuk GCC C – Tinker
 Menu 
Pengaturan Visual Studio Code untuk GCC C

June 28, 2017 by Sunu Pradana
Pada catatan sebelumnya, sudah diungkapkan tentang Visual Studio Code

(vscode atau vs code) sebagai code editor/text editor yang secara legal gratis
dan handal. Juga dipaparkan bagaimana penggunaannya untuk Node.js
(sekadara sebagai contoh). Artikel ini akan dipakai untuk menunjukkan
bagaimana vscode bisa dipakai untuk melakukan pemrograman dalam bahasa C
(menggunakan GCC untuk PC bukan untuk Atmel AVR). Sistem yang dipakai
adalah sistem yang juga benar-benar bebas pakai alias gratis, GNU/Linux.
Meskipun tentu saja prinsip yang sama dapat dipakai untuk sistem dengan OS
Microsoft Windows–tentu saja karena vscode adalah produk dari Microsoft.
Pertama-tama kita perlu memastikan extension utama untuk pemgrograman

bahasa C sudah ter-install dengan baik.
https://sunupradana.info/tkr/2017/06/28/pengaturan-visual-studio-code-untuk-gcc-c/ 1/17
 Menu 
Gambar 1. C/C++ for Visual Studio Code (cpptools)
Keterangan lebih lanjut untuk C/C++ for Visual Studio Code (cpptools) beserta
cara untuk melakukan instalasi dapat dibaca pada halaman ini. Sebagai
keterangan singkat berikut saya kutipkan sebagian informasi mengenai fungsinya
sebagai berikut:
This preview release of the extension adds language support for C/C++ to
Visual Studio Code including:
Language service
Code Formatting (clang-format)
Auto-Completion (experimental)
Symbol Searching
Go to Definition/Declaration
Peek Definition/Declaration
Class/Method Navigation
Signature Help
Quick Info (Hover)
Error Squiggles
Debugging
Support for debugging Windows (PDB, Mingw/Cygwin),
Linux and OS X applications
Line by line code stepping

 Menu 
Breakpoints (including conditional and function
breakpoints)
Variable inspection
Multi-threaded debugging support
Core dump debugging support
Executing GDB or MI commands directly when using ‘C++
(GDB/LLDB)’ debugging environment
For help configuring the debugger see Configuring
launch.json for C/C++ debugging
on our GitHub page.
You can nd more detailed information about C/C++ support on Visual

Studio Code at our documentation page.
Sebagai code editor, VScode ini memang menarik antara lain karena menurut
pembuatnya dikembangkan berdasarkan pengalaman dari program-program
serupa terdahulu, terutama Sublime Text. Tidak aneh kemudia kalau bisa ditemui
bahwa loso dan bahkan kombinasi kunci untuk perintahnya memiliki
kesamaan. Keterangan lebih lanjut tentang fasilitas yang diperoleh dari cpptools
dapat dibaca di sini (C/C++ extension for Visual Studio Code). Beberapa gambar
yang paling menarik saya kutip ulang di sini. Klik pada gambar untuk
memperbesar tampilan.
 Menu 
Gambar 2. Navigate to a particular symbol within the same source le (Ctrl + P,

@Symbol Name)
Gambar 3. Peek de nition (Alt + F12)
Demikian Gambar 2 dan Gambar 3 saya kutipkan sebagai teaser fasilitas vscode
yang menarik untuk dipelajari. Berikutnya untuk dapat mempergunakan vscode
dengan baik sebagai editor kode untuk program dalam bahasa C, kita bisa
mengikuti tutorial yang sudah disusun secara sistematis berikut ini: C/C++ for VS
Code (Preview).
Supaya singkat beberapa bagian akan saya sajikan ulang di sini.
To install the Microsoft C/C++ extension:

 Menu 
Open VS Code.
Click the Extensions View icon on the Sidebar.
Search for cpptools.
Click Install, then click Reload.
Open a folder that contains your C/C++ code.
Jika langkah ini berhasil maka seperti terlihat pada Gambar 1, di bagian kiri
(extensions) akan nampak keterangan ekstensi yang terinstal. Berikutnya untuk
dapat menggunakan fasilitas code completion lakukan sebagai berikut:
To enable code completion and navigation, you will need to generate a

c_cpp_properties.json file:
Hover over any green squiggle in a source file (e.g. a #include

statement).
Click the lightbulb that appears underneath the mouse cursor.
Click Add include path to settings.
This will generate a c_cpp_properties.json le that allows you to add

additional include paths to properly enable code navigation and auto-
completion.
Note: You can also generate or edit a c_cpp_properties.json le with the

C/Cpp: Edit Configurations command from the Command Palette
(Ctrl+Shift+P).
Berdasarkan pengalaman saya, cara yang paling mudah justru adalah cara pada
baris terakhir di atas.
Selanjutnya adalah tahapan pengaturan agar kita bisa melakukan build untuk
dapat menghasilkan program yang bisa dieksekusi.
 Menu
If you want to build your application from VS Code, you will need to generate a 
tasks.json file:
Open the Command Palette (Ctrl+Shift+P).

Select the Tasks: Configure Task Runner command and you
will see a list of task runner templates.
Select Others to create a task which runs an external
command.
Change the command to the command line expression you use to
build your application (e.g. g++ -g main.cpp).
Add any required args (e.g. -g to build for debugging).
You can now build your application with (Ctrl+Shift+B)
You should now see a tasks.json le in your workspace .vscode folder that
looks something like:
For more information on tasks, see Integrate with External Tools via Tasks.
Isi dari le tasks.json pada sistem saya adalah sebagai berikut (perhatikan gcc
dan main.c):
0
1 {
2 // See https://go.microsoft.com/fwlink/?LinkId=733558
3 // for the documentation about the tasks.json format
4 "version": "0.1.0",
5 "command": "gcc",
6 "isShellCommand": true,
7 "showOutput": "always",
8 "args": ["-g", "main.c"]
9 }
To enable debugging, you will need to generate a launch.json file:
Navigate to the Debug view by clicking the Debug icon in the

Sidebar.
In the Debug view, click the Configure icon.
Select C++ (GDB/LLDB) (to use GDB or LLDB) or C++ (Windows) (to
 Menu 
use the Visual Studio Windows Debugger) from the Select
Environment dropdown. This creates a launch.json file for
editing with two configurations:
C++ Launch defines the properties for launching your
application when you start debugging.
C++ Attach defines the properties for attaching to a
process that’s already running.
Update the program property with the path to the program you
are debugging.
If you want your application to build when you start
debugging, add a preLaunchTask property with the name of the
build task you created in tasks.json (“g++” in the example
above).
To learn more, see Con guring launch.json for C/C++ debugging.
Di sistem saya le launch.json berisi sebagai berikut:
0
1 {
2 "version": "0.2.0",
3 "configurations": [
4
5 {
6 "name": "(gdb) Launch",
7 "type": "cppdbg",
8 "request": "launch",
9 "program": "${workspaceRoot}/a.out",
10 "args": [],
11 "stopAtEntry": false,
12 "cwd": "${workspaceRoot}",
13 "environment": [],
14 "externalConsole": true,
15 "MIMode": "gdb",
16 "setupCommands": [
17 {
18 "description": "Enable pretty-printing for gdb",
19 "text": "-enable-pretty-printing",
20 "ignoreFailures": true
21 }
22 ]
23 }
24 ]
25 }
Jika berhasil baik maka hasilnya akan seperti pada Gambar 4 berikut.
 Menu 
Gambar 4.
Pada Gambar 4, terlihat pada folder yang saya beri nama VSC001 terdapat
beberapa le yang diperlukan untuk pemrograman. File kode utama adalah
main.c, sedangkan semua le json dihasilkan dari proses yang telah disebutkan
sebelumnya. Untuk melakukan build apkilasi berikan perintah dengan kombinasi
kunci Ctrl+Shift+B, proses ini akan menghasilkan le a.out.
Gambar 5. Proses debug
 Menu 
Gambar 6. Pilihan perintah dan shortcuts untuk proses debug
Gambar 5 menunjukkan jika kon gurasi benar dan proses debug dapat dimulai.
Gambar 6 menunjukkan perintah apa saja yang bisa dipakai dalam proses
debugging dan kombinasi kunci untuk shortcut keys.
Gambar 7. Menjalankan program dengan memanggil le keluaran proses build
Sebagaimana terlihat pada Gambar 7, program hasil kompilasi dijalankan dengan

cara manual yaitu memanggil le hasil dari proses build di terminal yang telah
disediakan. Tampaknya dalam mengerjakan sebuah proyek, vscode berdasarkan
pada direktori/folder. Ini mirip dengan Eclipse yang menggunakan direktori
workspace.
Bagian
Menu kedua ini akan mengungkapkan pilihan cara yang lebih mudah. Pengguna
tidak perlu membuat atau mengatur beberapa le kon gurasi seperti pada bagian
pertama (yang menggunakan ekstensi dari Microsoft). Cara kedua ini alkan
menggunakan ekstensi Code Runner oleh Jun Han.
Run code snippet or code le for multiple languages: C, C++, Java,

JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD,
BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift,
Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure,
Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal,
Haskell, D, and custom command
Gambar 8.
 Menu 
Gambar 9.
Setelah ekstensi terinstal baik seperti pada Gambar 8 dan kode program sudah
diketik dengan benar maka pengguna bisa memilih cara menglakukan eksekusi
seperti terlihat pada Gambar 9. Pilihan pertama dengan melakukan klik kanan di
bidang kerja lalu memilih Run Code (atau dengan shortcut key Alt+Ctrl+N).
Pilihan kedua adalah dengan melakukan klik pada icon play yang berwarna hijau
di kanan atas bidang kerja.
Gambar 10.
Hasil eksekusi tampak seperti pada Gambar 10. Kita hanya perlu menyimpan le
 Menu 
dengan ekstensi .c saja, tidak perlu membuatkan direktori/folder khusus seperti
pada cara jika menggunakan cpptools.
Metode ketiga atau yang terakhir adalah dengan menggunakan ekstensi C

Compiler oleh brapifra.
Compile and execute C files from VSCode

Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command,
and press enter.
ext install c-compiler
Gambar 11.
 Menu 
Gambar 12. Pilihan proses kompilasi
Gambar 13. Hasil proses kompilasi
Jika menggunakan C Compiler ini pengguna bisa memilih salah satu dari pilihan
kompilasi yang sesuai seperti terlihat pada Gambar 12. Jika memilih Compile and
Execute C File, maka hasilnya akan tampil seperti pada Gambar 13.
 Post Views: 3,607

 Menu 
 C, IDE
 C, gcc, visual studio code, vs code, vsc, vsode
 Sublime Text GCC C
 VS Code untuk Arduino
Leave a Comment
You must be logged in to post a comment.
Search …
Recent Posts
PCF8591: 8-bit A/D and D/A converter { ADC }

Micro SD adapter
Data logging shield
LCD Nokia 5110 + sistem Arduino
Belajar penggunaan LCD “Nokia 5110” di sistem Arduino [video]
Categories
Arduino
ARM
AVR
C
 Menu 
Embedded Systems
ESP8266
IDE
Lua
Microcontroller
MSP430
MSP432
Node.js
NodeMCU
Raspberry Pi
Simulation
STM32
STM8
Tiva C
Tags
Arduino Arduino Uno ARM atmega atmel avr avrdude avrdudess C compiler Cortex debugging
Eclipse Energia esp8266 firmware gcc IDE Launchpad lcd lua M3 MSP430 netbeans nodemcu PlatformIO relay
rtc shield st 2 st2 st 3 st3 STM32 STM32CubeMX STM32F103C8T6 sublimetext sublime text
SW4STM32 text editor TI visual studio code vsc vs code vscode
Archives
July 2017
June 2017
August 2016
March 2016
February 2016
 Menu 
Recent Comments
SUNUadminWP2 on DT COMBO AVR 51

diana on DT COMBO AVR 51
Hengky on Solusi Avrdude di Windows dan GNU/Linux untuk DI-Super Smart AVR.16
Meta
Log in
Entries RSS
Comments RSS
WordPress.org
Sunu Pradana 2019

GCC Pada Visual Studio Code

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

GCC Pada Visual Studio Code

Diunggah oleh

Hak Cipta:

Format Tersedia

4/21/2019 Pengaturan Visual Studio Code untuk GCC C – Tinker

Pengaturan Visual Studio Code untuk GCC C

Pada catatan sebelumnya, sudah diungkapkan tentang Visual Studio Code

Pertama-tama kita perlu memastikan extension utama untuk pemgrograman

Gambar 1. C/C++ for Visual Studio Code (cpptools)

Line by line code stepping

You can nd more detailed information about C/C++ support on Visual

Gambar 2. Navigate to a particular symbol within the same source le (Ctrl + P,

Gambar 3. Peek de nition (Alt + F12)

Supaya singkat beberapa bagian akan saya sajikan ulang di sini.

To install the Microsoft C/C++ extension:

To enable code completion and navigation, you will need to generate a

Hover over any green squiggle in a source file (e.g. a #include

This will generate a c_cpp_properties.json le that allows you to add

Note: You can also generate or edit a c_cpp_properties.json le with the

Open the Command Palette (Ctrl+Shift+P).

To enable debugging, you will need to generate a launch.json file:

Navigate to the Debug view by clicking the Debug icon in the

To learn more, see Con guring launch.json for C/C++ debugging.

Di sistem saya le launch.json berisi sebagai berikut:

Gambar 5. Proses debug

Gambar 6. Pilihan perintah dan shortcuts untuk proses debug

Gambar 7. Menjalankan program dengan memanggil le keluaran proses build

Sebagaimana terlihat pada Gambar 7, program hasil kompilasi dijalankan dengan

Run code snippet or code le for multiple languages: C, C++, Java,

Metode ketiga atau yang terakhir adalah dengan menggunakan ekstensi C

Compile and execute C files from VSCode

Gambar 12. Pilihan proses kompilasi

Gambar 13. Hasil proses kompilasi

 Post Views: 3,607

You must be logged in to post a comment.

PCF8591: 8-bit A/D and D/A converter { ADC }

SUNUadminWP2 on DT COMBO AVR 51

Sunu Pradana 2019

Anda mungkin juga menyukai