|
มาใช้ Notepad++ เขียน PHP และ Coding ภาษาต่างๆ CSS, HTML, JavaScript |
มาใช้ Notepad++ เขียน PHP และ Coding ภาษาต่างๆ CSS, HTML, JavaScript โปรแกรม Notepad++ เป็น Text Editor ที่อยู่มานานหลายปีและมีการอัพเดดฟีเจอร์ใหม่ ๆ อยู่ตลอดเวลา รองรับการเขียนได้หลายภาษามาก เช่น ASP, PHP, JavaScirpt, HTML, CSS, Java , SQL และอื่น ๆ อีกมากมาย สามารถติดตั้ง Plugin ในแต่ล่ะภาษาเพิ่มได้ ซึ่งตัว Notepad++ ผมเองก็เคยใช้มันอยู่ช่วงหนึ่งในช่วงที่ได้จับภาษา PHP แต่พอเปลี่ยนสายงานไปจับ .NET ก็ห่างหายไปไม่ค่อยได้ใช้อีก จะใช้ Tool อื่น ๆ เช่น EditPlus ที่มีฟีเจอร์ง่าย ๆ ในการเปิด-อ่านพวก Text file ต่าง ๆ แต่พอมาเขียนโปรแกรมบน Text Editor อีกครั้ง รู้สึกว่า EditPlus ยังมีข้อจำกัดที่ช่วยให้การเขียน Coding ในภาษาต่าง ๆ เช่น PHP, HTML และ CSS ไม่สะดวกมากนัก
Notepad++ Editor for Coding
ในการเขียนโปรแกรม PHP , HTML , CSS และ JavaScript ซึ่งเป็น Syntax ที่เราจำเป็นในการเขียนเว็บ Tools ที่ดีจะต้องมีการจัดการในส่วนของ Syntax Highlighting และ Syntax Folding โดยความหมายของ Highlighting คือ การแสดงมุมมองของสี ในรูปแบบของ Function และ String ต่าง ๆ ส่วน Folding คือ การ Scope ในส่วนของต่าง ๆ ของ Coding เช่น บน php สามารถ scope เงื่อนไขของ function , if และ { ... } ส่วน html, css และ javascript ก็สามารถ html element เช่น <div> ซึ่งความสามารถเหล่านี้จะช่วยให้เราเขียนโปรแกรมนั้นง่ายและสะดวกมาก ๆ
Download Notepad++
https://notepad-plus-plus.org/download/
Feature พื้นฐาน- ซอฟต์แวร์ Open Source สามารถดาวน์โหลดติดตั้งใช้งานได้ฟรี
- โปรแกรมมีขนาดเล็ก ติดตั้งง่าย ไม่มีของแถมมาแน่นอน
- มี Syntax Highlighting และ Syntax Folding รองรับหลายภาษามาก ๆ ติดสามารถติดตั้ง Plugin เพิ่มได้
- Auto-completion: Word completion, Function completion and Function parameters hint แสดงคำแนะนำ เช่น รายการ function
- รองรับการเข้ารหัสเช่น ASCI และ Unicode (UTF-8), With BOM และอื่น ๆ อีกมากมาย
- รองรับการใช้ Regular Expression ในการค้นหาและแทนที่
- สามารถแก้ไขเมนูทางลัด (Shortcut) ได้ด้วยตนเอง
- Macro recording and playback มี Macro เหมือน Web Browser ด้วย
- Multi-Language environment supported พวกเมนู มีหลายภาษา
- Zoom in and zoom out และ WYSIWYG (Printing)

ตัวอย่างของ Syntax Highlighting

ตัวอย่างของ Syntax Folding

รองรับได้หลายภาษามาก

ที่ขนาดไม่ได้คือ PHP ซึ่งเป็นภาษาที่ได้รับความนิยมมากที่สุดในโลก

การ Highlighting และ Folding Scope บน HTML และ CSS, JavaScript

การ Highlighting และ Folding Scope บนภาษา PHP

การ Highlighting และ Folding Scope บน SQL

Auto-completion: Word completion, Function completion แสดง function ต่าง ๆ ในภาษาที่กำลังเขียนอยู่

Function parameters hint แสดงรายการคำแนะนำในการส่งค่า Parameters

แบ่ง Folding Scope ย่อขยาย เพื่อให้ดูได้ง่าย

กำหนดรูปแบบของ Encoding ได้ง่ายมาก ๆ
.
|
|
|
|
 |
|