วันพฤหัสบดี, กรกฎาคม 16, 2558

ติดหนึบ vi มาใส่สีให้ vi กันเถอะ (Editing file with vi in colors)

ใช้งาน terminal บ่อยๆ เวลาเปิดแก้ไขไฟล์ด้วย vi หรือ vim แล้วมันเป็นสีเดียวกันหมด มันก็ดูลำบาก

ภาพเดิม

อ่อๆ คำสั่งและภาพเป็นการทำบน Ubuntu นะครับ OSX ก็ใช้ได้ น่าจะมีทั้ง vi, git มาแล้วซะด้วยไม่ต้อง download แล้ว

ไม่พูดมากแล้ว เรามาลงมือใส่สีให้ vim กันเลย

เราจะต้องใช้ git client ด้วย ถ้าไม่มีก็ติดตั้งก่อน

$ sudo apt-get install git -y

คนที่ใจดีทำแจกก็นายคนนี้ chriskempson opensource เอาไว้ที่ github

ตัวถาดสีของ vim จริงๆก็มีหลายเจ้าที่ทำเอาไว้ แต่ผมถูกใจของคนนี้ที่สุด ถ้าสนใจจะลองตัวอื่นก็ลอง google ดู vim colors ที่นิยมกันมากๆ ก็มี solarized

อ่าว ถ้าจะใช้ vi แต่ยังไม่มีก็ไม่ได้ใช่มั้ย ติดตั้งก่อน ถ้าเกิดยังไม่ได้ลง

$ sudo apt-get install vim -y

ต่อมาเตรียม directory .vim/colors

$ mkdir -p ~/.vim/colors

change dir เข้าไปเลย

$ cd ~/.vim/colors

ทำการ download ชุดสี base16

$ git clone git://github.com/chriskempson/base16-vim.git base16

ถ้าเอาเร็วก้อ copy มันทุกสีเลย

$ cp base16/colors/*.vim .

หรือ จะเลือกเฉพาะตัวที่ชอบก็ได้ (อย่างผมเอาแค่สองตัวนี้)

$ cp base16/colors/base16-tomorrow.vim .
$ cp base16/colors/base16-google.vim .

แก้ไข ~/.vimrc ถ้าไม่มีก็สร้างซะครับ จะใช้ text editor อะไรก็ได้ ผมใช้ vi นี่แหละ

$ vi ~/.vimrc 

เพิ่ม 2 บรรทัดนี้เข้าไป ข้างหลัง colorscheme ก็เลือกเอาตามชื่อไฟล์ที่อยู่ใน base16/colors/ แล้วตัด .vim ออก

set background=dark
colorscheme base16-tomorrow

ณ ตอนนี้มีให้เลือกตามนี้ หรือจะไปดูแบบ online ได้ที่นี่เลย

base16-3024.vim base16-brewer.vim base16-google.vim base16-ocean.vim base16-apathy.vim base16-bright.vim base16-grayscale.vim base16-paraiso.vim base16-ashes.vim base16-chalk.vim base16-greenscreen.vim base16-pop.vim base16-atelierdune.vim base16-codeschool.vim base16-harmonic16.vim base16-railscasts.vim base16-atelierforest.vim base16-colors.vim base16-isotope.vim base16-shapeshifter.vim base16-atelierheath.vim base16-default.vim base16-londontube.vim base16-solarized.vim base16-atelierlakeside.vim base16-eighties.vim base16-marrakesh.vim base16-summerfruit.vim base16-atelierseaside.vim base16-embers.vim base16-mocha.vim base16-tomorrow.vim base16-bespin.vim base16-flat.vim base16-monokai.vim base16-twilight.vim

กด :wq ออกมา ทดลองเรียกใช้งาน vi ใหม่

$ vi ~/.bashrc 

ทะด๊า..า

ภาพใหม่ หลากสีเลย

Happy Coding!

ไม่มีความคิดเห็น :