[Part 2] Coding on Vim: สอนลง Plugin บน Vim

ก็หลังจากที่ผมได้อธิบายไปบทความแรก เกี่ยวกับ vim ไปแล้ว คราวนี้ก่อนจะมาเขียนโปแกรมกันจริงๆ ผมก็จะมาสอนลง Plugin ก่อนเพื่อช่วยให้เราเขียนโปรแกรม ได้ง่ายขึ้นและมีฟังก์ชันคล้ายๆ กับพวก Atom หรือ Sublime มากขึ้น แต่มันก็ย้ำไว้ก่อนว่ามันก็ไม่ได้ทำให้ง่ายขึ้นกับการใช้ vim ทำงานถ้าเป็นมือใหม่ และยังกดคีย์ไม่คล่องนะครับ เพราะท้ายที่สุดแล้วเราก็ยังต้องพิมพ์ commend ลงไปเพื่อให้มันทำงานอยู่ดี จะช้าหน่อยจนกว่าจะชินกับมัน เดียวเรามาทำความรู้จักกันเลยครับว่า Plugin ที่ว่านั่นคืออะไร

 

Plugin คืออะไร

คือตัวเสริม หรือฟังก์ชัน หรือชุดคำสั่งที่เข้ามาช่วยให้การใช้ vim ง่ายขึ้น โดยที่เราไม่ต้องพิมพ์เองทั่งหมด เช่น Plugin ของคนทำเว็บที่เราจะรู้จักกันดีคือ Emmet ที่ช่วยทำ Auto complete html, ตัวช่วยเราค้นหาไฟล์, ตัวที่ใช้ทำให้ vim มี Directory Tree ข้างจอ เป็นต้น เพราะปกติแล้ว vim จะเป็นตัว text editor เปล่าๆ ที่ไม่มีอะไรมาเลย นอกจากฟังก์ชันพื้นๆ อย่าง copy, past, save อะไรทำนองนี้ ถ้านึกไม่ออกลองนึกถึง Notpad ในโหมด Commend Line จะนึกออกแน่นอนครับ

 

รู้จักกับ Vim Plugins Manager

จริงๆ แล้วเราสามารถลง Plugin ใน vim ได้เองนะครับ แบบ manual แต่ก็ยุ่งยากหน่อย ดังนั่นเราจะมาทำความรู้จักตัวช่วยลง Plugin ให้เราแทน มันจะทำหน้าที่จัดการสร้างโฟรเดอร์ และวาง Plugin ลงไปตำแหน่งที่ถูกต้องเพื่อให้ vim เรียกใช้งานมันได้ และยังช่วยอัพเดทเวอร์ชั่น Pluginให้เราด้วย ซึ่งปัจจุบัน Plugin Manager ดังๆ ก็มีอยู่ เช่น Plug, Vundle, NeoBundle, Pathogen และสำหรับผมก็ใช้ Plug อยู่ และจะมาสอนใช้กันใน บทความนี้ครับ

 

การลง Plug ตัว Plugins Manager

การลงก็ไม่ยากอะไรพิมพ์คำสั่งไม่กี่คำสั่งก็สามารถใช้งานได้แล้ว ก่อนอื่นเข้าไปโหลดและติดตั่ง Plug ที่อยู่บน Github ก่อน  ถ้าใครใช้ Mac หรือ Linux ก็แค่ยกเอาคำสั่ง ไปแปะที่ Terminal ได้เลย

และเมื่อเสร็จแล้วต่อไปเราจะมาดูวีธีการใช้งานเบื้องต้นกัน

 

การใช้งาน Plug

วิธีใช้ง่ายมากถ้าใครลงแบบข้างบนที่ผมบอกไปละ วิธีการคือเราต้องเอาคำสั่ง Plug ไปแปะที่ไฟล์ config ของ vim ที่ชื่อ .vimrc ส่วนมากจะอยู่ที่ root directory ของเครื่อง ถ้าใครใช้ Mac หรือ Linux ลองพิมพ์ cd แล้วเราก็จะได้เข้าไปที่ root directory จากนั่นให้พิมพ์ ls -al เพื่อดูรายชื่อไฟล์ ถ้าใครไม่เจอ .vimrc ไม่เป็นไร ก็ใช้คำสั่ง vi .vimrc จากนั่นก็พิมพ์ :w เพื่อสั่งเซฟไฟล์ก่อนเป็นอันว่าเราจะมี .vimrc แล้ว

หน้าตาก็จะประมาณนี้ และถัดมาการเรียกใช้งานก็ให้เข้าไปแก้ไฟล์ .vimrc เพื่อเอาคำสั่งไปแปะ ให้ใส่คำสั่งแบบรูปข้างล่าง หรือทำตามที่ Github บอกก็ได้นะครับ เราก็จะสามารถเรียกใช้ตัว Manager ได้แล้ว

หลังถ้าเราจะลง Plugin อะไรก็ให้ใส่ไปตามรูปนี้นะครับ โดยใส่ Plug ตามด้วยชื่อ plugin

 

ทำความรู้จัก Vimawesome.com

vimawesome คือเว็บที่รวมเอา Plugin ต่างๆ ของ Vim มาให้เราเลือกโหลดได้ตามใจชอบ ใครทำงานแนวไหน ภาษาอะไร หรืออยากได้คำสั่งแบบไหนสามารถค้นหาและติดตั่งได้เลย เหมือนกันพวก Sublime , Atom ที่มีให้เราโหลดมาใช้เพื่อแต่งให้ Editor เราเทพขึ้นนั่นเอง ตัวอย่างเช่น เราอยากได้ตัว Hightlight syntax ของ javascript ก็กดเข้าไปแล้วก็เลือก Manager ที่เราใช้แล้วเอาไปแปะที่ .vimrc ได้เลย

 

การติดตั่ง Plugin หลังจากที่ทำการแก้ไขไฟล์ .vimrc

เมื่อเราเอาชื่อ Plugin ที่จะใช้มาแปะแล้ว ต่อไปยังไม่จบนะครับ เราต้องสั่งมันติดตั่งก่อน โดยเข้า Normal mode ใครยังไม่ได้อ่านตอนแรกกลับไปอ่านก่อนนะครับ วิธีใช้ Normal Mode ทำยังไง จากนั่นพิมพ์ :(colon) แล้วตามด้วย PlugInstall และ Enter และหน้าตาก็เป็นประมาณนี้ เมื่อเสร็จแล้วก็สั่ง :q และ Enter

การเรียกใช้คำสั่งของแต่ละ Plugin

การเรียกใช้งานของ Plugin แต่ละตัวจะไม่เหมือนกันเท่าไรขึ้นอยู่กับแต่ละตัว ดังนั้นผมแนะนำให้อ่าน Doc แต่ละตัวก่อนใช้งานนะครับ ผมคงอธิบายได้ไม่หมด

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

 

จบไปแล้วกับการลง Plugin ไว้บทความต่อไปเราจะมาพูดเรื่องอื่นๆ กันต่อเพื่อเตรียมความพร้อมกับการเขียนโปรแกรมกันครับ ยังไงก็อย่าลืมวีดีโอสาธิตการใช้งานด้านล่างนะครับ

ช่วงนาทีที่ 19.45 อันนั่นผมพิมพ์ผิดนะครับ มันเลยไม่ทำงานขออภัยด้วย ตอนที่กำลังพิมพ์ html:5 ผมตก :(colon) ไป

Facebook Comments