VS Code, C/C++ - มาเขียน C/C++ บน Visual Studio Code กันครับ

วันนี้เราจะต้องติดตั้งโปรแกรม 2 ตัวก็ คือ

VS Code เป็น Editor code ที่เราจะใช้ในวันนี้ เข้าไป dowload โปรแกรมตามลิ้งนี้เลยครับ Visual Studio Code แล้วก็ติดตั้งเหมือนโปรแกรมทั่วไปเลยครับ

TDM-GCC ตัวนี้จะเป็นตัว Compiler suite ของ windows ไว้ Compile โค้ดภาษา C/C++

ติดตั้ง TDM-GCC กัน

1. ดาวน์โหลด TDM-GCC กันตามลิ้งนี้ครับ TDM-GCC Installers จะมีตัว 32 bit กับ 64 bit ก็เลือกให้ตรงกับ Windows ของเรานะครับ

2. ตอนติดตั้งให้คลิกที่ปุ่ม create

3. ตอนนี้ให้คลิก next ไปก่อนครับ

4. ขั้นตอนการเลือก PATH สำหรับติดตั้ง TDM-GCC ให้จำ PATH ไว้ด้วยนะครับ ผมใช้ค่า default (C:\TDM_GCC-64)

5. ขั้นตอนนี้ก็คลิกปุ่ม Next กับ Install ไปจนติดตั้งเสร็จ ก็คลิกปุ่ม Finish ครับ

ต้ังค่า PATH GCC กัน

ขั้นตอนนี้ก็จะตั้งค่าให้ Windows ของเราหาตัว gcc กับ g++ เจอเวลาที่เราจะใช้ Compile code C/C++

ปกติถ้าใน Linux/Ubuntu หรือ MacOS เราจะสั่ง

gcc file_skconan.c

แล้วก็จะได้ไฟล์ Output ชื่อไฟล์ a.out ถ้าเป็นบน Windows จะได้ไฟล์ a.exe ออกมาครับ มาตั้งค่า PATH ของเราต่อกันดีกว่า

1. ให้คลิกขวาที่ This PC และเลือก Properties

2. ตรง Layout ด้านซ้ายให้เลือก Advanced system settings >> Environment Variables...

3. ดับเบิลคลิกที่ PATH —(3) หลังจากนั้นให้คลิก New แล้วพิมพ์ path ของ TDM-GCC ตามด้วย \bin ของผมก็จะเป็น C:\TDM-GCC-64\bin ใครไม่แน่ใจลองเข้าไปดูจะเป็น folder แบบด้านล่าง เราจะเห็นว่ามี complier gcc กับ g++ อยู่

ทดลองเขียนโค้ด C/C++ และ Compile

1. สร้าง Folder สำหรับเก็บไฟล์โปรแกรมของเรา ผมสร้างไว้ที่ C:\Users\skconan\Desktop\c_programming

2. เปิด VS Code ขึ้นมาก่อนครับ แล้วไปที่ File >> Open Folder >> ไปที่ Folder ที่สร้างไว้ในขั้นตอนที่ 1 >> Select Folder

3. สร้างไฟล์ hello_world.c ขึ้นมา

4. เราจะ Compile ไฟล์ .c ผ่าน Terminal กันครับ ไปที่ Terminal >> New Terminal

5. ให้พิมพ์คำสั่ง

gcc .\hello_world.c

หรือถ้าเป็น C++

g++ .\hello_world.cpp

6. เราจะได้ไฟล์ a.exe ออกมาก็ลองสั่งรันโปรแกรมดู จะได้ผลลัพธ์ตามรูปด้านล่างครับ

.\a.exe

เพียงเท่านี้เราก็สามารถเขียน compile แล้วก็รัน Code ภาษา C/C++ บน VS Code ได้แล้วครับ

(เพิ่มเติม) แนะนำให้ติดตั้ง Extension ของ C/C++ เพิ่มเติมด้วยครับ

1. ให้คลิกที่ icon Extensions ด้านซ้ายมือ หรือกดปุ่ม Ctrl + Shift + X

2. ให้ search หา C/C++ แล้วกด Install เสร็จแล้วคลิกที่ Reload ก็เป็นอันเสร็จเรียบร้อยครับ

ทำไมถึงให้ติดตั้ง Extension เพิ่มเติม เพราะว่าจะทำให้เราเขียนโค้ดง่ายขึ้น เช่น มี Format Document เป็น Auto format ให้เราใช้ แล้วก็พวก Debug code อีกด้วย