[Part 2] Coding on Vim: การลง Plugin บน Vim

NSLog0
NSLog0
Mar 9 · 2 min read

โพสเก่าจาก Blog เดิม มิถุนายน 25, 2017

Image for post
Image for post

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

What is plugin?


Vim Plugins Manager


How to install Plugins Manager [Github]

curl -fLo ~/.local/share/nvim/site/autoload/plug.vim --create-dirs \    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

How to use Plug

Image for post
Image for post

เมื่อได้ไฟล์มาแล้วก็พิมพ์ vim .vimrc เพื่อแก้ไฟล์และใส่คำสั่งลงไปตามรูปด้านล่างเลยครับ

Image for post
Image for post

และเมื่อเราอยากจะลง Pluging ก็เอาชื่อมาใส่แบบนี้ครับ

Image for post
Image for post

Vimawesome.com

Image for post
Image for post

Installing Pluging

Image for post
Image for post

ผมลองเอารายชื่อ Plugin คร่าวๆ ที่พื้นฐานมาให้ลองไปใช้กันดูนะครับ

call plug#begin()   
Plug 'mattn/emmet-vim'
Plug 'pangloss/vim-javascript'
Plug 'isruslan/vim-es6'
Plug 'cakebaker/scss-syntax.vim'
Plug 'hail2u/vim-css3-syntax'
Plug 'scrooloose/nerdtree', { 'on': ['NERDTreeToggle', 'NERDTreeFind'] }
Plug 'airblade/vim-gitgutter'
Plug 'jelera/vim-javascript-syntax'
Plug 'junegunn/fzf', { 'dir': '~/.fzf', 'do': './install --all' }
Plug 'junegunn/fzf.vim'
Plug 'nathanaelkane/vim-indent-guides'
Plug 'tpope/vim-commentary'
call plug#end()

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

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

AlgorithmTut

May the force be with you. **Tut stand for Tutorial**

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store