Arduino IDE 2.0 - Autocomplete, Auto Format และ Auto Format Customizing
2 ปีที่ผ่านมา
Publish : 1 November 2022
หัวข้อในบทความนี้
- การเปิด/ปิดใช้งาน Autocomplete
- Autocomplete
- Auto Format
- Custom Auto Format Configuration
ในการพัฒนาโปรแกรมต่าง ๆ การมีฟังก์ชัน Autocomplete นั้นจะช่วยประหยัดเวลาในการพิมพ์โค้ด และช่วยให้การเขียนโค้ดถูกต้องมากยิ่งขึ้น เพราะเราจะเลือกตามที่โปรแกรมขึ้นมาให้ไม่ต้องเสี่ยงเรื่องการไปกดโดนปุ่มข้าง ๆ ซึ่งใน Arduino IDE 2.0 นี้ก็มีฟังก์ชัน Autocomplete มาให้ใช้งานกันแล้วล่ะครับ จะเป็นยังไงลองไปดูกันดีกว่า
การเปิด/ปิดใช้งาน Autocomplete
แม้ว่าจะมีการ built-in มาให้ แต่การติดตั้งโปรแกรมแล้วจะยังไม่มีฟังก์ชันนี้ให้ใช้เลยครับ เราต้องไปเปิดการใช้งานกันก่อน โดยเลือก File > Preferences... จากนั้นจะมีหน้าต่าง Preferences ขึ้นมา ให้มองที่บรรทัดเกือบล่างสุด ติ๊กถูกที่ Editor Quick Suggestions
จากนั้นกด OK เพียงเท่านี้ Autocomplete ก็พร้อมใช้งานแล้วครับ
Autocomplete
หลังจากที่เราเปิดใช้งานกันไปแล้ว Autocomplete ก็พร้อมใช้งานครับ เริ่มจากเปิดโปรแกรมหน้าว่าง ๆ ขึ้นมา จากนั้น เราต้องเลือกบอร์ดกันก่อนนะครับ ไม่งั้นฟังก์ชันนี้จะไม่ทำงาน ในตัวอย่างเลือก Arduino UNO
ลองพิมพ์ pin ใน setup() จะมีคำแนะนำขึ้นมาให้เราเลือกเต็มเลย
เราสามารถคลิกเลือกคำสั่งที่ต้องการ หรือใช้ลูกศรเลื่อนไฮไลต์แล้วแล้วกด Enter เพื่อเลือก คำสั่งนั้นก็จะมาอยู่บนโค้ดเราทันทีโดยไม่ต้องเสียเวลาพิมพ์
โดยคำสั่งที่ให้มานั้นจะเห็นเป็นคำแนะนำนะครับ โดยจะเห็นแนะนำมาว่าเป็น uint8_t pin และ uint8_t mode ตัวอย่างจะลองใช้ขา LED_BUILTIN ให้ลองลบตรง uint8_t pin ทิ้งไปแล้วลองพิมพ์ LED
ตรง uint8_t mode ก็เช่นกัน ลองลบทิ้งแล้วหาคำแนะนำ OUTPUT
เราจะได้คำสั่งที่ต้องการแล้วหล่ะครับทีนี้ ถ้าสังเกตดี ๆ เราพิมพ์ตัวพิมพ์เล็กมันก็จะขึ้นคำแนะนำที่ถูกต้องมา ฉะนั้นการทำงานนี้เป็นแบบ Case-Insensitive จะพิมพ์เล็กพิมพ์ใหญ่มันก็ไม่สนใจครับ
ระวัง !!! คำสั่งที่เราเลือกมานั้นไม่ได้มี " ; " ติดมาด้วยนะครับ ฉะนั้นอย่าลืมเติม " ; " ปิดคำสั่งกันด้วย
หากเราลองกด Ctrl+Space จะมีข้อมูลขึ้นมาว่าเป็นคำสั่งจากไฟล์ Library ตัวไหน มีรายละเอียดยังไงอีกด้วยครับ
ลองฝึกใช้งานด้วยการพิมพ์โปรแกรมไฟกระพริบดูครับ
Auto Format
เป็นการจัดโค้ดให้อยู่ในรูปแบบที่เป็นระเบียบ อ่านได้ง่าย โดยสามารถกด Ctrl+T หรือเลือก Edit > Auto Format เพื่อทำการ Auto Format
ซึ่งหากท่านใดใช้งานทั่ว ๆ ไป หรือพอใจแล้ว ไม่อยากยุ่งยาก ก็จบที่ตรงนี้เลยครับ ใช้ที่ตัวโปรแกรมมีมาให้ แต่ใครที่ต้องการจัดในรูปแบบของตัวเองก็สามารถทำได้ตามใจด้วยวิธีในหัวข้อถัดไป
Custom Auto Format Configuration
สำหรับท่านใดที่ยังไม่พอใจกับการจัดรูปแบบที่โปรแกรมให้มา หรือต้องการให้โค้ดอยู่ในรูปแบบที่ตัวเองถนัด ก็สามารถสร้างรูปแบบของตัวเองได้ รวมถึงจะทำให้มีผลกับทุก ๆ อัน(เหลี่ยนรูปแบบ Auto Format ของโปรแกรม) หรือจะให้มีผลเฉพาะ sketch ใดเพียงอันเดียวก็ได้
ในการเพิ่มรูปแบบใหม่นั้นก็ทำได้โดยการสร้างไฟล์ .clang-format ขึ้นมาโดยในไฟล์นี้จะบรรจุด้วยคำสั่งต่ง ๆ ที่ใช้จัดรูปแบบ ซึ่งคำสั่งเหล่านี้จะใช้คำสั่งจาก ClangFormat ซึ่งใครอยากรู้ว่าเป็นยังไงก็ไปตามกันที่ลิงค์นี้ครับ
เมื่อได้ไฟล์แล้วก็ต้องเอาไปใช้งานใช่มั๊ยล่ะครับ สำหรับใครที่จะใช้เฉพาะ Sketch ก็สามารถจับไฟล์โยนใส่ในโฟลเดอร์ Sketch นั้นได้ทันที ส่วนใครที่อยากเปลี่ยนรูปแบบของโปรแกรมเลย ก็ให้นำไฟล์ไปวางไว้ที่โฟลเดอร์ของ Arduino คือ
ส่วนใครที่เปลี่ยนไปแล้ว เกิดอยากจะคืนค่าเดิมที่โปรแกรมให้มา ก็ไปเอาของ Default มาใช้เลย หาได้จากที่นี่
สำหรับวันนี้เป็นการแนะนำการใช้ Auto Complete และการใช้งาน Auto Format ซึ่งเจ้าตัว Auto Complete นี้ก็เป็นของใหม่ใน Arduino IDE (แต่เป็นของปกติในโปรแกรมอื่น ๆ) และได้แนะนำเทคนิคการใช้ Auto Format เล็ก ๆ น้อย ๆ เพื่อการใช้งานที่ดีขึ้น และซีรี่ส์นี้ก็ยังไม่จบ ในตอนต่อไปจะเป็นอะไรติดตามกันต่อไปครับ
หัวข้อในบทความนี้
- การเปิด/ปิดใช้งาน Autocomplete
- Autocomplete
- Auto Format
- Custom Auto Format Configuration
ในการพัฒนาโปรแกรมต่าง ๆ การมีฟังก์ชัน Autocomplete นั้นจะช่วยประหยัดเวลาในการพิมพ์โค้ด และช่วยให้การเขียนโค้ดถูกต้องมากยิ่งขึ้น เพราะเราจะเลือกตามที่โปรแกรมขึ้นมาให้ไม่ต้องเสี่ยงเรื่องการไปกดโดนปุ่มข้าง ๆ ซึ่งใน Arduino IDE 2.0 นี้ก็มีฟังก์ชัน Autocomplete มาให้ใช้งานกันแล้วล่ะครับ จะเป็นยังไงลองไปดูกันดีกว่า
การเปิด/ปิดใช้งาน Autocomplete
แม้ว่าจะมีการ built-in มาให้ แต่การติดตั้งโปรแกรมแล้วจะยังไม่มีฟังก์ชันนี้ให้ใช้เลยครับ เราต้องไปเปิดการใช้งานกันก่อน โดยเลือก File > Preferences... จากนั้นจะมีหน้าต่าง Preferences ขึ้นมา ให้มองที่บรรทัดเกือบล่างสุด ติ๊กถูกที่ Editor Quick Suggestions
จากนั้นกด OK เพียงเท่านี้ Autocomplete ก็พร้อมใช้งานแล้วครับ
Autocomplete
หลังจากที่เราเปิดใช้งานกันไปแล้ว Autocomplete ก็พร้อมใช้งานครับ เริ่มจากเปิดโปรแกรมหน้าว่าง ๆ ขึ้นมา จากนั้น เราต้องเลือกบอร์ดกันก่อนนะครับ ไม่งั้นฟังก์ชันนี้จะไม่ทำงาน ในตัวอย่างเลือก Arduino UNO
ลองพิมพ์ pin ใน setup() จะมีคำแนะนำขึ้นมาให้เราเลือกเต็มเลย
เราสามารถคลิกเลือกคำสั่งที่ต้องการ หรือใช้ลูกศรเลื่อนไฮไลต์แล้วแล้วกด Enter เพื่อเลือก คำสั่งนั้นก็จะมาอยู่บนโค้ดเราทันทีโดยไม่ต้องเสียเวลาพิมพ์
โดยคำสั่งที่ให้มานั้นจะเห็นเป็นคำแนะนำนะครับ โดยจะเห็นแนะนำมาว่าเป็น uint8_t pin และ uint8_t mode ตัวอย่างจะลองใช้ขา LED_BUILTIN ให้ลองลบตรง uint8_t pin ทิ้งไปแล้วลองพิมพ์ LED
ตรง uint8_t mode ก็เช่นกัน ลองลบทิ้งแล้วหาคำแนะนำ OUTPUT
เราจะได้คำสั่งที่ต้องการแล้วหล่ะครับทีนี้ ถ้าสังเกตดี ๆ เราพิมพ์ตัวพิมพ์เล็กมันก็จะขึ้นคำแนะนำที่ถูกต้องมา ฉะนั้นการทำงานนี้เป็นแบบ Case-Insensitive จะพิมพ์เล็กพิมพ์ใหญ่มันก็ไม่สนใจครับ
ระวัง !!! คำสั่งที่เราเลือกมานั้นไม่ได้มี " ; " ติดมาด้วยนะครับ ฉะนั้นอย่าลืมเติม " ; " ปิดคำสั่งกันด้วย
หากเราลองกด Ctrl+Space จะมีข้อมูลขึ้นมาว่าเป็นคำสั่งจากไฟล์ Library ตัวไหน มีรายละเอียดยังไงอีกด้วยครับ
ลองฝึกใช้งานด้วยการพิมพ์โปรแกรมไฟกระพริบดูครับAuto Format
เป็นการจัดโค้ดให้อยู่ในรูปแบบที่เป็นระเบียบ อ่านได้ง่าย โดยสามารถกด Ctrl+T หรือเลือก Edit > Auto Format เพื่อทำการ Auto Format
ซึ่งหากท่านใดใช้งานทั่ว ๆ ไป หรือพอใจแล้ว ไม่อยากยุ่งยาก ก็จบที่ตรงนี้เลยครับ ใช้ที่ตัวโปรแกรมมีมาให้ แต่ใครที่ต้องการจัดในรูปแบบของตัวเองก็สามารถทำได้ตามใจด้วยวิธีในหัวข้อถัดไป
Custom Auto Format Configuration
สำหรับท่านใดที่ยังไม่พอใจกับการจัดรูปแบบที่โปรแกรมให้มา หรือต้องการให้โค้ดอยู่ในรูปแบบที่ตัวเองถนัด ก็สามารถสร้างรูปแบบของตัวเองได้ รวมถึงจะทำให้มีผลกับทุก ๆ อัน(เหลี่ยนรูปแบบ Auto Format ของโปรแกรม) หรือจะให้มีผลเฉพาะ sketch ใดเพียงอันเดียวก็ได้
ในการเพิ่มรูปแบบใหม่นั้นก็ทำได้โดยการสร้างไฟล์ .clang-format ขึ้นมาโดยในไฟล์นี้จะบรรจุด้วยคำสั่งต่ง ๆ ที่ใช้จัดรูปแบบ ซึ่งคำสั่งเหล่านี้จะใช้คำสั่งจาก ClangFormat ซึ่งใครอยากรู้ว่าเป็นยังไงก็ไปตามกันที่ลิงค์นี้ครับ
เมื่อได้ไฟล์แล้วก็ต้องเอาไปใช้งานใช่มั๊ยล่ะครับ สำหรับใครที่จะใช้เฉพาะ Sketch ก็สามารถจับไฟล์โยนใส่ในโฟลเดอร์ Sketch นั้นได้ทันที ส่วนใครที่อยากเปลี่ยนรูปแบบของโปรแกรมเลย ก็ให้นำไฟล์ไปวางไว้ที่โฟลเดอร์ของ Arduino คือ
| C:\Users\<username>\.arduinoIDE\ |
| หรือ C:\Users\<username>\AppData\Local\Arduino15\ |
ส่วนใครที่เปลี่ยนไปแล้ว เกิดอยากจะคืนค่าเดิมที่โปรแกรมให้มา ก็ไปเอาของ Default มาใช้เลย หาได้จากที่นี่
สำหรับวันนี้เป็นการแนะนำการใช้ Auto Complete และการใช้งาน Auto Format ซึ่งเจ้าตัว Auto Complete นี้ก็เป็นของใหม่ใน Arduino IDE (แต่เป็นของปกติในโปรแกรมอื่น ๆ) และได้แนะนำเทคนิคการใช้ Auto Format เล็ก ๆ น้อย ๆ เพื่อการใช้งานที่ดีขึ้น และซีรี่ส์นี้ก็ยังไม่จบ ในตอนต่อไปจะเป็นอะไรติดตามกันต่อไปครับ
หากเห็นว่าบทความมีประโยชน์ต้องการสนับสนุนเป็นกำลังใจ สามารถสนับสนุนกาแฟให้เรานั่งเขียนบทความตามลิงค์ด้านล่าง
▲
▼
รายการสั่งซื้อของฉัน
รายการสั่งซื้อของฉัน
ข้อมูลร้านค้านี้
Fitrox Electronics
ไฟทร็อก อิเล็กทรอนิกส์ จำหน่ายอุปกรณ์อิเล็กทรอนิกส์ บอร์ดไมโครคอนโทรลเลอร์ และอุปกรณ์สำหรับโปรเจคต่างๆ อ.เมือง จ.เชียงใหม่ (หลัง มช.)
เบอร์โทร : 0897245633
อีเมล : fitrox.electronics@gmail.com
อีเมล : fitrox.electronics@gmail.com
ส่งข้อความติดต่อร้าน
เกี่ยวกับร้านค้านี้
ค้นหาสินค้าในร้านนี้
ค้นหาสินค้า
สินค้าที่ดูล่าสุด
บันทึกเป็นร้านโปรด
Join เป็นสมาชิกร้าน
แชร์หน้านี้
แชร์หน้านี้
↑
TOP เลื่อนขึ้นบนสุด
TOP เลื่อนขึ้นบนสุด
สินค้าในตะกร้า ({{total_num}} รายการ)
ขออภัย ขณะนี้ยังไม่มีสินค้าในตะกร้า
ราคาสินค้าทั้งหมด
฿ {{price_format(total_price)}}
- ฿ {{price_format(discount.price)}}
ราคาสินค้าทั้งหมด
{{total_quantity}} ชิ้น
฿ {{price_format(after_product_price)}}
ราคาไม่รวมค่าจัดส่ง
➜ เลือกซื้อสินค้าเพิ่ม