C/C++ Advanced Lint Extension ที่สำหรับคนเขียนโปรแกรม C/C++

บทความนี้จะมาแนะนำ Extension ที่สำหรับคนเขียนโปรแกรม C/C++ จำเป็นอย่างยิ่งที่ควรจะมีติดไว้ใน Vs code นั้นก็คือ C/C++ Advanced Lint โดยเจ้า C/C++ Advanced Lint ตัวนี้จะทำหน้าที่เป็นตัวตรวจสอบข้อผิดพลาดในการเขียน Code ของเรา หรือการเขียนที่มีโอกาสที่จะเกิด Bug โดยทุกครั้งที่เราเขียน Code หรือทุกครั้งที่เรา save ไฟล์ C/C++ Advanced Lint จะสั่งให้ Static analysis ตรวจสอบ Code โดยอัตโนมัติ โดยรองรับ Static analysis ต่างๆ ไม่ว่าจะเป็น Cppcheck, Clang, หรือ FlexeLint

มาดูวิธีการติดตั้งและใช้งานกันดีกว่า ในที่นี้จะยกตัวอย่างการใช้งาน C/C++ Advanced Lint ร่วมกับ Cppcheck

โดยลง Extension ที่มีชื่อว่า C/C++ Advanced Lint

สำหรับการใช้งาน ก่อนอื่นให้เราลง Cppcheck สามารถทำตามบทความนี้ได้เลยถ้าใครไม่เคยลง แนะนำโปรแกรม Cppcheck

หลังจากลงเสร็จแล้วก็ Restart แล้วอย่าลืมทดลองใช้ command cppcheck –version ถ้าขึ้นเวอร์ชั่นก็ถือว่าติดตั้งได้สำเร็จ

หลังจากนั้นก็จากนั้นก็เข้ามา Setting C/C++ Advanced Lint Extension โดยเลือก Enable Cppcheck และ Cppcheck Executable เลือก cppcheck

ส่วน Language ก็เลือกตามที่เราใช้งาน ในที่นี้เลือกเป็น C และเราอยากจะให้ Lint ทำการเช็ค Code เราตอนไหน สามารถเลือกได้ระหว่าง หลังจากเรากด Save ไฟล์ก็เลือก onSave หรือ จะให้ตรวจสอบไปเรื่อยๆขณะพิมพ์ก็เลือกเป็น onType

พอตอนเราใช้งานจริงก็จะขึ้นดังรูปให้เราดูตรง tab ที่เขียนว่า PROBLEMS ก็จะเห็นว่ามีการแจ้งเตื่อน และ warning ขึ้นมาดังรูป ทำให้การเขียน code ของเราสามารถตรวจเจอ Bug ได้เร็วและไม่มีปัญหาต่อไปภายหลัง เรียกได้ว่า เจอ Bug ตั้งแต่เนิ่นๆกันเลยทีเดียว

แนะนำโปรแกรม Cppcheck

Cppcheck เป็นโปรแกรมที่เอาไว้ตรวจสอบวิเคราะห์การเขียนโปรแกรมภาษา C หรือ C++ (รวมไปถึง Embedded C/C++ ด้วย) ที่ไม่ถูกต้องหรืออาจมีโอกาสทำให้เกิด Bug หรือสามารถเรียกได้อีกแบบว่าเป็น C/C++ static code analysis tool ซึ่ง Cppcheck นั้นสามารถแสดงผลการตรวจเช็คโดยแจ้งเตือนได้หลายแบบหลายระดับตั้งแต่ระดับ Warning ไปจนถึง Critical ทำให้เราสามารถเขียน Code ภาษา C หรือ C++ ได้อย่างมีประสิทธิภาพลดความผิดพลาดลดโอกาสการเกิด Bug โดยบทความนี้จะมาแนะนำวิธีใช้งานเบื้องต้นและการนำไปใช้งาน

โดยเพื่อนๆสามารถ Download Cppcheck นำไปใช้งานได้ฟรีๆที่ http://cppcheck.sourceforge.net/

เลือกโหลดที่ Windows 64-bit Installer

 

การสร้างโปรเจคใน Cppcheck ครั้งแรก

หลังจากเราติดตั้งเสร็จแล้ว ให้เราเปิดโปรแกรมมาแล้วเลือกไปที่  File เลือก New Project File

 

เลือกที่ Save Project

 

ที่แถบ Paths and Defines ให้ กด Add ทั้งสอง ที่ Paths และ Include Paths ให้เลือกที่เก็บ Folder ของไฟล์โปรแกรมของเรา (.c, .h, .cpp)

 

ที่แถบ Addon ให้เราเลือก  Cert ด้วย โดยโปรแกรมจะทำการตรวจเช็คตามกฏต่างๆของ Cert coding standard (มาตรฐานการเขียน Code ภาษา C และ C++ สามารถดูเพิ่มเติมได้ที่ https://wiki.sei.cmu.edu/confluence/display/c/SEI+CERT+C+Coding+Standard และ https://wiki.sei.cmu.edu/confluence/pages/viewpage.action?pageId=88046682) แล้วก็กด OK

 

กด Yes ต่อ

Cppcheck จะทำการตรวจสอบ Code ของเราและแสดงผลการตรวจสอบ โดยแบ่งเป็น Errors, Warning, Styles warning, Portability waring, Performance warning และ Information message โดยสามารถเลือกเปิดปิดดูได้ที่ไอคอนด้านบนได้เลย

 

 

สามารถทดลองตรวจสอบ Code ของเรา โดยทดลองใช้งาน Demo ตรวจสอบผ่านเว็บได้่ที่

http://cppcheck.net/demo/

เปลี่ยนตำแหน่งของหน้าต่างการหรือค้นหา Code ของ VS Code

มีใครที่ใช้ Vs Code แล้วอยากจะเปลี่ยนตำแหน่งของหน้าต่างการค้นหาข้อมูลหรือค้นหา code ของ VS Code จากที่อยู่ด้านซ้ายมือลงมาอยู่ด้านล่างกันบ้างไหม

ใครที่ลง Vs Code เสร็จก็จะเห็นว่า หน้าต่างการค้นหาของ Vs Code เวลาที่เรากด Ctrl + F หรือ Ctrl + Shift + F จะต้องไปอยู่ด้านซ้ายมือของหน้าจอ แล้วพอเวลากดค้นหาก็จะเห็นได้ว่าข้อมูลมันเล็กมากมองแทบไม่เห็น Code เลย มันควรจะมาอยู่ที่ตำแหน่งด้านล่างของโปรแกรมมากกว่า

สำหรับใครที่อยากจะย้ายตำแหน่งของหน้าต่างการค้นหาข้อมูลของ Vs code ลงมาด้านล่าง มาดูวิธีทำกันดีกว่า

อันดับแรกให้เราเป็นหน้าต่างการค้นหาขึ้นมา โดยการกดที่ Ctrl+F

และให้เราเปิด Panel ของ Vs Code ขึ้นมา โดยไปที่เมนู View เลือก Appearance แล้วเลือก Show Panel

ก็จะเห็น Panel ของ Vs Code เปิดขึ้นมาด้านล่าง

ให้เราทำการลากหน้าต่างการค้นหา Search คลิกลาก (ตรงคำว่า SEARCH) แล้วเลือกลากลงมาที่ Panel ด้านล่าง

ก็เป็นอันเรียบร้อย ก็จะเห็นว่า หน้าต่างการค้นหา Search ลงมาอยู่ด้านล่างของ Vs Code แล้ว

รวบรวม Shortcut ปุ่มลัด ที่สำคัญใน Vs code

เพื่อนๆหลายๆคนคนหน้าจะทราบว่าการใช้ Keyboard Shortcut คีย์ลัดต่างๆ ใน VS code ทำให้เราทำงานได้ไวขึ้นมีประสิทธิภาพมากขึ้น แต่ว่าบางคนก็อาจะคิดว่ามันมี Shortcut เยอะมากๆจำได้ไม่หมดหรอก เพราะฉะนั้นบทความนี้จะมา Highlight Key ที่จำเป็นใช้งานกันบ่อยๆ ที่จำเป็นจะต้องจำให้ได้ (เป็นของ Windows นะ) มาดูกัน

ใครอยากโหลดไฟล์เดิมๆเอาไปปริ้นก็สามารถโหลดได้ที่นี้
Windows https://go.microsoft.com/fwlink/?linkid=832145
macOS https://go.microsoft.com/fwlink/?linkid=832143
Linux https://go.microsoft.com/fwlink/?linkid=832144

วิธีเปลี่ยน VS code ปุ่มลัด shortcut key ต่างๆ

ในบทความนี้ก็จะมาสอนวิธีการเปลี่ยนคีย์ลัดใน Vs code ซึ่งเพื่อนๆสามารถทำตามได้ไม่ยาก โดยเริ่มต้นให้เราไปที่ File เลือก Preferences แล้วก็สามารถเลือก เปลี่ยน Key ได้โดยเลือกที่ Keyboard Shortcuts

เมื่อเรามาที่หน้า Keyboard Shortcut แล้วก็จะมีหน้าตาดังภาพ เราสามารถเลือกเปลี่ยน key ได้ตามที่เราถนัด หากหาไม่เจอสามารถพิมพ์ลงไฟในช่องค้นหาเพื่อหาปุ่มที่เราต้องการจะเปลี่ยนได้

นอกจากนี้หากเราอยากเปลี่ยน key ลัดทั้ง Vs code ให้ไปเหมือนกับโปรแกรมอื่นๆเช่น Vim, Sublime Text หรือ Eclipse Keymap ก็สามารถทำได้เช่นกันโดยเข้าไปที่ File เลือก Preferences แล้วเลือก Keymaps เพื่อ Dowload Keymaps ตามที่เราต้องการ

และนี้ก็เป็นวิธีเปลี่ยน Keyboard shorcut และ Keymap ของ VS code หวังว่าเพื่อนๆจะนำเอาวิธีการใช้งานไปใช้ซึ่งสามารถทำตามได้ไม่ยากเลย