เบื่อเขียน C/C++ บน CodeBlocks มั้ย? ย้ายค่ายมาใช้ VS Code กัน~

Written by Phumrapee Limpianchop on 27 June, 2018

บล็อคนี้จะไม่เกิดขึ้นมาเลยถ้าไม่ไปเรียน ICT Preparation Program แล้วเห็นทุกคนใช้ CodeBlocks เรียน C/C++ กัน เอาจริงๆก็ใช้ได้แหละ ไม่ว่าหรอก แต่โดยรวมแล้วไม่ค่อยเห็นคุณค่าของมันมาก เพราะสมัยนี้มี IDE หลายๆอย่างให้เลือกใช้อย่างเช่นพวก Atom IDE, Subimetext หรือไม่ว่าจะเป็นคนสายถึกที่ใช้ vim เป็นชีวิตประจำวัน แต่ตัว Editor ที่เจ๋งเป้งที่สุดเท่าที่เคยใช้มาตลอดนั้นก็คือ Visual Studio Code นั่นเอง

ซึ่งรอบนี้ไม่ได้มาแค่สอนลง VS Code อย่างเดียว ด้วยที่ตอนนี้เรียน C/C++ ก็จะมาสอนลง gcc ไว้เป็น complier ใช้บน VS Code ไปด้วยซะเลย!

ขั้นตอนที่ 1: เตรียมของเล่นให้ครบ

ของที่เราจะใช้ก็จะมีอยู่ 2 อย่างคือ Visual Studio Code กับ MinGW ซึ่งลิงค์ดาวน์โหลดตามข้างล่างเลย

Visual Studio Code สามารถโหลดตรงๆจากเว็บของเค้าได้เลย

MinGW ไปโหลดที่ SourceForge

ขั้นตอนที่ 2: ติดตั้ง MinGW

MinGW จะเป็น gcc complier สำหรับ Windows ก็เปิดตัวติดตั้งขึ้นมาแล้วกด Install และ Continue โลดดดด โดยจะไปติดตั้งไว้ที่ C:\MinGW

MINGW INSTALLER 1

หลังติดตั้งเสร็จแล้วก็กด Continue ต่ออีกทีแล้วคราวนี้ Installer จะพามาที่ MinGW Installation Manager ซึ่งเป็น Installer อีกตัวนึงเหมือนกัน 555555555555555555555555

Setup ตรงนี้ไม่ต้องยุ่งยากมาก ก็ไปที่ Basic Setup แล้วคลิ๊กที่กล่องสี่เหลี่ยมเล็กๆ แล้ว Mark for Installation ให้หมดเลย

จากนั้นมุมบนขวาก็ไปที่ Installation > Apply Changes แล้วก็กด Apply

ปล. ภาพข้างล่างที่คือเลือก Package อื่นเพื่อโชว์ของให้ดูว่าเป็นยังไง เพราะติดตั้งเองไปหมดแล้ว

MINGW INSTALLER 2

คราวนี้มันก็จะใช้เวลาติดตั้งสักชาตินึง ดังนั้นก็หาอะไรทำไปก่อน อย่างเช่นไปอ่านการ์ตูน หรือ นั่งสมาธิ

หลังติดตั้งเสร็จแล้วก็ไปตั้งค่า Environment Variable

คำเตือน! ตั้งสมาธิกับขั้นตอนนี้ให้ดีเพราะอาจทำให้คอมเจ๊งได้

ให้ไปที่ Control Panel > System & Security > System แผงด้านซ้ายให้กดไปที่ Advanced System Setting แล้ว Popup ก็เด้งมาให้กดไปที่ Environment Variables คราวนี้เราจะไปยุ่งกับ System Variable ข้างล่าง

ให้หาคำว่า PATH หรือ Path ก็ได้ อะไรก็ช่างแต่ขอให้เป็น PATH เลือกแล้วกด Edit

Windows 7, Windows 8, Windows 8.1

เติมคำท้ายอันนี้เข้าไป

;C:\MinGW\bin

ENV WIN8

เสร็จแล้วก็ Restart เครื่องรอบนึง ไม่ก็ Log off แล้ว Sign in ใหม่

Windows 10

พอกดไปแล้วมันจะเป็น Interface สวยกว่าหน่อยก็กด Add แล้วเพิ่มอันนี้ไป

C:\MinGW\bin

ENV WIN10

เหมือนกัน เสร็จแล้วก็ Restart เครื่องรอบนึง ไม่ก็ Log off แล้ว Sign in ใหม่

คราวนี้เราก็จะยืนยันดูว่า gcc ลงเสร็จแล้ว

ไปที่ cmd แล้วพิมพ์คำสั่ง gcc -v ไป

Microsoft Windows [Version 6.3.9600]
(c) 2013 Microsoft Corporation. All rights reserved.

C:\Users\RayRiffy>gcc -v
Using built-in specs.
COLLECT_GCC=gcc
COLLECT_LTO_WRAPPER=c:/mingw/bin/../libexec/gcc/mingw32/6.3.0/lto-wrapper.exe
Target: mingw32
Configured with: ../src/gcc-6.3.0/configure --build=x86_64-pc-linux-gnu --host=m
ingw32 --target=mingw32 --with-gmp=/mingw --with-mpfr --with-mpc=/mingw --with-i
sl=/mingw --prefix=/mingw --disable-win32-registry --with-arch=i586 --with-tune=
generic --enable-languages=c,c++,objc,obj-c++,fortran,ada --with-pkgversion='Min
GW.org GCC-6.3.0-1' --enable-static --enable-shared --enable-threads --with-dwar
f2 --disable-sjlj-exceptions --enable-version-specific-runtime-libs --with-libic
onv-prefix=/mingw --with-libintl-prefix=/mingw --enable-libstdcxx-debug --enable
-libgomp --disable-libvtv --enable-nls
Thread model: win32
gcc version 6.3.0 (MinGW.org GCC-6.3.0-1)

C:\Users\RayRiffy>

ถ้าได้ประมาณนี้ก็…ผ่าน เย้!!!

ขั้นตอนที่ 3: ติดตั้งและตั้งค่า VS Code

VS Code ก็ติดตั้งตามที่ Installer บอกไปเลย แต่ที่จะต้องติดตั้งนั่นก็คือ Extension ที่มีชื่อว่า Code Runner ก็สามารถลงด้วยการกดตรงๆตามลิงค์ที่ให้ก็ได้ หรือไม่ก็แถบด้านซ้ายจะมี Extensions ให้กดอยู่ ถ้าหาไม่เจอก็กดปุ่ม CTRL + SHIFT + X ได้เหมือนกันแล้วหา Code Runner แล้ว Install และ Reload ไปตามระเบียบ

VSCODE 1

จากจุดนี้จริงๆก็ใชได้แล้วแหละ แต่จะรับ Input เวลา Debug ไม่ได้แค่นั้นเองงั้นก็มาต่อกันเถอะ ไปที่ File > Preferences > Settings หรือ CTRL + , คราวนี้ก็ตั้งค่าใน User Settings

{
  "code-runner.runInTerminal": true
}

แล้ว Reload อีกทีโดยกด F1 แล้วพิมพ์หา Reload Window และกด ENTER

แค่นี้ก็ใช้ได้แล้ว เวลาเขียนโค๊ด C/C++ เสร็จก็อย่าลืม Save ก่อนจากนั้นก็ Debug ด้วยการกดปุ่มเล่นตรงมุมบนขวา

Editor Note

เอาจริงๆ Code Runner ตัวเดียวก็ Debug ได้เกือบหมดแล้ว ทำอะไรได้บ้างก็ให้ไปดูส่วนตั้งค่าของ code-runner.executorMap เอา

สรุป

จากที่ถึกมาทั้งหมดโดยรวมก็สามารถใช้งาน C/C++ บน VS Code ได้แล้ว และอีกประเด็นที่อยากให้หันมาใช้ IDE อย่าง VS Code, Atom หรือ Sublime Text เพราะว่าของพวกนี้มันมี plugins ที่สามารถเสริม Editor เราให้แข็งแกร่งขึ้นได้ แถมมัน open source! ฟรี!! (ยกเว้น Sublime) เราก็สามารถใช้งานได้อย่างเต็มที่



HomeCategoriesAuthors