ATOM #Tips – ซ่อนไฟล์ใน ignored name ไม่ให้แสดงผลบน treeview

ปัญหานี้เพิ่งสังเกตุเหมือนกัน โดยเข้าไปที่ Settting ของ atom มันจะมีการตั้งค่าส่วนของ Ignored Names ไม่ให้แสดงผลใน แต่ทำไมบน Treeview ยังแสดงให้เห็นอยู่ วิธีแก้ก็ไม่ได้ยากอะไรเลย เข้าไปที่ Settting > Packages > tree-view แล้วไป [/] ในช่อง [/] Hide Ignored Name  [/] Hide VSC Ignored Files  เท่านั้น!! สิ่งที่เกะกะสายตาเราก็จะหายวับไปแล้ว Ref. https://discuss.atom.io/t/ignored-names-still-show-in-tree-view/219/16

ATOM #4 – วิธีการพิมพ์ code จาก atom editor

มันเป็นปัญหาระดับโลกเลยก็ว่าได้ ที่ Editor ฟรีๆ ดีๆ มักจะมี function การใช้งานไม่ค่อนครบถ้วน แต่ก็ใช้ว่าจะหา package อื่นๆมาติดตั้งแทนไม่ได้ อันนี้เป็นอีก package หนึ่งที่อยากแนะนำ ใช้สำหรับการพิมพ์ code ที่เขียนออกมา โดยใช้ package ที่ชื่อ Export Html https://github.com/nobuhito/atom-export-html วิธีการติดตั้ง package ไปดูได้จากที่นี่ > ATOM #2 – การติดตั้ง Packages เมื่อติดตั้งเรียบร้อยแล้ว มาดูหน้า Setting ว่าเราสามารถตั้งค่าอะไรได้บ้าง Font Size – ตั้งขนาด font Line Number – ตั้งความโปร่งแสงให้เลขแถว Line Number Use – แสดงเลขแถวหรือไม่? Open Browser – อันนี้ติ๊กไว้ครับ ถ้าเอาออก จะหาไฟล์ไม่เจอ …

ATOM #3 – การติดตั้ง Atom Linter PHP บน Windows

เจ้า Linter นี้ใช้สำหรับดักจับเวลาเรา coding มันจะแสดง error และ warning ขึ้นมาทันที โดยเราไม่ต้องไปเสียเวลา compile หรือเปิดหน้าเว็บดูใหม่นั่นเอง มันช่วยให้ code ใช้เวลาสั้นลงและมีคุณภาพมากยิ่งขึ้น มาว่ากันเรื่องการติดตั้ง package linter-php สำหรับ Windows ที่ลงพวก WAMP, XAMPP, AppServ เป็นต้น หรือใครจะติดตั้งแบบอื่นก็ไม่ว่ากัน ติดตั้ง Package linter-php ด้วยการเข้าไปที่ Settings > Install > พิมพ์ lint php ดังภาพ จะพบ linter-php ให้กด install แล้วรอ จนกว่าจะเสร็จ เราจะมีเริ่มขึ้นตอนการตั้งค่าเพื่อให้มันใช้งานกับ Windows ได้ ให้คลิกที่ Open Config Folder จากนั้นเปิดไฟล์ config.cson ขึ้นมา ซึ่งในตัวอย่างของ …

ATOM #2 – การติดตั้ง Packages

ต่อกันด้วยเรื่องของ Package ของ ATOM ซึ่งก็ไม่ต่างจาก sublime text เท่าไรนัก เท่าที่ทดสอบดู มันจะต่างกันตรง feature บางอย่างใน atom ไม่มี และบางอย่างก็ต้องอาศัยการตั้งค่าเยอะหน่อย แต่ถือว่าพอรับได้ ซึ่งตรงส่วนของ setting นี่ผมชอบเป็นพิเศษเลยเพราะว่ามันเป็น UI ไม่ใช่แบบ json เหมือน sublime text แต่ของ atom เขาจะเรียกว่า cson ซึ่งนามสกุลไฟล์มันก็จะเป็น .cson นั่นเอง ซึ่งเราก็สามารถเลือกตั้งค่าได้ทั้งแบบ UI และ cson ตามความถนัด วิธีติดตั้ง Package  1. เลือกที่ File > Settings หรือจะกด Ctrl + , (เครื่องหมาย comma)ก็ได้ 2. เลือกไปที่ install จากนั้นพิมพ์ ในช่อง Search …

ATOM #1 – แนะนำ atom editor

ติดตามมาซักพักแล้วกับ ATOM editor โดย Github “A hackable text editor for the 21st Century” ตอนนั้นยังเป็นตัว Alpha อยู่ ผมไม่ไม่ได้โหลดมาใช้ จนตอนนี้ปล่อย version 1.0 ออกมาซักพักแล้ว เลยเอามาลองเสียหน่อย ซึ่งตัว Application เองสร้าง web tectnology แสดงผลเป็น HTML, JavaScript, CSS และ Node.js run อยู่บน Electron เจ๋งไปเลย ซึ่งการใช้งานมันก็เหมือนกับ sublime text นี่แหละ แต่ข้อดีของมันคือ SUPPORT THAI LANGUAGE ซึ่งตัดปัญหาเรื่อง “สระลอย” แบบ sublime ไปได้เลย เมนูการใช้งานคล้ายๆกัน shortcut key คล้ายๆ กัน …