Transcript Code::Blocks

เริม
่ ตนเขี
ยนโปรแกรมกับ
้
Code::Blocks
ครูผ้ ูสอน นางสาวพรพิมล คงเปี ย
รายวิชาเทคโนโลยีสารสนเทศ 6
(ง23104)
การดาวน์โหลดโปรแกรม Code::Blocks
 http://www.codeblocks.org/downloads/26
ให้ เลือกดาวน์โหลดโปรแกรมสาหรับ Windows อยู่ด้านบน แล้ วก็เลือกดาวน์
โหลดตัวที่สองที่ช่ อื ว่า codeblocks-10.05mingw-setup.exe ไฟล์ใหญ่
นิดนึงประมาณ 74 MB
การติดตัง้ โปรแกรม Code::Blocks
 หลังจากโหลดเสร็จแล้ วก็ให้ ดบ
ั เบิลคลิกที่ไฟล์ครั้งนึง เพื่อทาการติดตั้ง วิธตี ดิ ตั้งก็ไม่
ยาก เหมือนโปรแกรมทั่วไป กด Nextๆๆๆๆ ถามอะไรก็ Agree โลด แต่ถ้าไม่
มั่นใจว่าจะพังมั้ยก็ลองดูตาม step ไปเลย
1. Welcome อะไรไม่สน กด Next >
การติดตัง้ โปรแกรม Code::Blocks
2. ยอมรับเงื่อนไขมั้ย? ต้ องยอมแต่โดยดีไม่ยอมลงไม่ได้ กด I Agree ไป
การติดตัง้ โปรแกรม Code::Blocks
3. มันจะถามว่าจะลงอะไรบ้ าง แต่เรายังนู้บอยู่เลือกไม่ถูก แต่ท่มี นั ให้ มาก็ครบวงจร
หมดแล้ ว ไม่ต้องเลือกอะไร กด Next > ได้ เลย
การติดตัง้ โปรแกรม Code::Blocks
4. เลือกตาแหน่งที่จะติดตั้ง กด Install
การติดตัง้ โปรแกรม Code::Blocks
5. รอติดตั้ง ไม่นานเท่าไหร่ แต่อย่าปิ ดเครื่องตอนนี้
การติดตัง้ โปรแกรม Code::Blocks
6. ลงเรียบร้ อยแล้ ว มันจะถามว่าจะเปิ ดโปรแกรม Code::Blocks มั้ย กด Yes
เพื่อเปิ ด
การติดตัง้ โปรแกรม Code::Blocks
7. ขึ้นคาถามว่าจะให้ โปรแกรมมันเป็ น default มั้ย เลือกอันที่สามตามที่ให้ มา
การติดตัง้ โปรแกรม Code::Blocks
จะได้ ออกมาเป็ นโปรแกรมหน้ าตาตามภาพ (ถ้ าจะให้ ละเอียดคือมันจะมีกล่อง Tip of
the Day ขึ้นมาด้ วย แต่ไม่ต้องสนใจให้ กด Close แล้ วส่วนกล่องที่เป็ น Scripting
Console ให้ ลากลงมามุมขวาล่าง ตามรูป) ตอนนี้เราพร้ อมสาหรับการเริ่มเขียน
โปรแกรมแล้ ว แต่จะขอแนะนาส่วนประกอบบางอย่างของโปรแกรมนี้ก่อน ส่วนแรกคือ
แถบเมนูด้านบนสุดเรียกว่า Menu Bar แล้ วก็ส่วนตรงกลางที่มีพ้ ืนที่เยอะๆ เอาไว้
สาหรับเขียนโค้ ดโปรแกรมเรียกว่า Editor ส่วน Logs & other เอาไว้ โชว์สถานะ
และค่าต่างๆ ซึ่งจะได้ เรียนต่อไป
เริม่ ต้นการใช้โปรแกรม Code::Blocks
เริ่มต้ นด้ วยการเปิ ดไฟล์ใหม่ ให้ ไปที่ Menu Bar ด้ านบนเลือก New แล้ วก็
File...
เริม่ ต้นการใช้โปรแกรม Code::Blocks
จะมีให้ เลือกประเภทของไฟล์ ให้ เลือกไปที่ C/C++ source แล้ วกด Go
เริม่ ต้นการใช้โปรแกรม Code::Blocks
กด Next >
เริม่ ต้นการใช้โปรแกรม Code::Blocks
ในที่น้ จี ะเขียนโปรแกรมภาษา C ให้ เลือกที่ C แล้ วกด Next >
เริม่ ต้นการใช้โปรแกรม Code::Blocks
โปรแกรมจะถามเราว่าจะเซฟไฟล์ไว้ ท่ไี หนแล้ วก็ช่ ืออะไร ให้ กดที่ ปุ่ ม ... ด้ านบนเพื่อเลือก
ตาแหน่งไฟล์
เริม่ ต้นการใช้โปรแกรม Code::Blocks
แนะนาให้ เลือกว่าจะเซฟไว้ ท่ี Desktop ทีน้ ตี ้งั ชื่อเป็ น hello_kitty.c จริงๆแล้ วจะตั้ง
อะไรก็ได้ แต่ขอให้ ตามด้ วย .c ถามว่าทาไมต้ อง .c ตอบว่าเพราะเรากาลังเขียนโปรแกรม
ภาษา C (ดริฟท์มาก)
กด Save แล้ วตามด้ วย Finish ที่ส่วนของ Editor จะเปิ ดไฟล์ใหม่ข้ นึ มาให้ เราพิมพ์
เริม่ ต้นการใช้โปรแกรม Code::Blocks
พิมพ์โค้ ดโปรแกรมลงไปตามนี้ แต่อย่าให้ ผดิ แม้ แต่ตัวอักษรเดียว เพราะมันจะทางานไม่ได้
ทันทีในบรรทัดที่ 5 กับ 6 อย่ากด Space bar หลายๆที ให้ กด tab บรรทัดละครั้งก็พอ
เขียนเสร็จแล้ วให้ เซฟ (Ctrl + S) ไปด้ วยโปรแกรมนี้เป็ นโปรแกรมที่จะแสดงคาว่า
Hello Kitty ออกมาทางหน้ าจอ ซึ่งเราจะได้ เห็นกันต่อไป
เริม่ ต้นการใช้โปรแกรม Code::Blocks
ที่แถบ Menu bar ด้ านบนให้ เลือกที่ Build แล้ วเลือก Compile current file หรือจะกด
Ctrl + Shift + F9 ก็ได้ ขั้นตอนนี้คือเราจะเปลี่ยนจากโค้ ดของโปรแกรมให้ เป็ นโปรแกรมที่
ทางานได้ จริงแล้ ว(เราเรียกขั้นตอนนี้ว่าการคอมไพล์ - จาชื่อไปก่อน)
เริม่ ต้นการใช้โปรแกรม Code::Blocks
กดเสร็จแล้ ว ให้ ดูท่ชี ่องด้ านล่างนิดนึงว่ามันคอมไพล์สาเร็จรึเปล่า โดยสังเกตว่ามัน
ต้ องเป็ น 0 errors, 0 warnings ถ้ า error ไม่ใช่ 0 ลองกลับไปดูโค้ ดที่เขียน ว่า
ถูกต้ องตามรูปข้ างบนรึเปล่า ลองหาที่ผดิ ดูดๆ
ี
เริม่ ต้นการใช้โปรแกรม Code::Blocks
ถ้ าคอมไพล์สาเร็จ ทีน้ เี ราจะลองรันโปรแกรมด้ วยกด เลือก Build ใน Menu bar
เหมือนเดิม แล้ วกดที่ Run หรือกด Ctrl + F10 ก็ได้
เริม่ ต้นการใช้โปรแกรม Code::Blocks
สาเร็จแล้ ว โปรแกรมจะพิมพ์คาว่า Hello Kitty ตามที่เราสั่งออกมา
ถ้ าอยากลองเล่นดูกล็ องเปลี่ยนจากคาว่า Hello Kitty เป็ นคาอื่นแล้ วลองคอมไพล์
+ รันใหม่ดู
เริม่ ต้นการใช้โปรแกรม Code::Blocks
สาหรับบางคนที่ร้ สู กึ ว่าตัวหนังสือมันเล็กไปหรืออ่านยาก สามารถเปลี่ยนตัวอักษรบน
หน้ าหน้ าจอ Editor ได้ ตามนี้
ไปที่ Menu bar แล้ วเลือกที่ Setting ตามด้ วย Editor...
เริม่ ต้นการใช้โปรแกรม Code::Blocks
เริม่ ต้นการใช้โปรแกรม Code::Blocks
เลือกเรียบร้ อยแล้ วกด Ok มันก็จะเปลี่ยนตัวอักษรให้ แบบนี้ ในที่น้ ีใช้ Century
Gothic ขนาด 11
จบการนาเสนอ