VimにEmmet導入して爆速HTMLコーディング - Qiita
タイトル盛りすぎました。すいません;-P emmetってなに？ HTMLやCSSの入力を効率化してくれるお便利ツール。 似たようなものだとhamlがあります。 hamlはシェルでコマンド叩いてHTMLを生成するのに対して emmetはエディタ上でショートカット打てば自動でHTML展開する。 個人的にはemmetのほうが便利 Zen-Codingの改良版という位置づけらしいです。 詳細はこちらEmmet 対応するエディタは？ [公式] Sublime Text Eclipse/Aptana TextMate Coda NetBeans [サードパーティ] Vim WebStorm PhpStorm 他いろいろと。 具体的に何ができるの？ 例えばこんなことを書いてショートカットキーを押すと <table> <tr class="row"> <td class="col1"></td> <td
フロントエンジニアがちょっと幸せになるかもしれないプラグイン作ってます。 - 笑いながらコードを書く。
おはようございます！ 盛大に出遅れました。本当にすいません！ この記事はVim Advent Calendar 2012の51日目の記事です。 50日目は@kmnkさんのgitを操作したいときにちょっと便利かもしれないunite-sourceを書いています。 でした。 今日はフロントだけどVim使ってる人（主に俺）用に作ったプラグインの紹介をさせて頂きます。 作ったもの色々 ・RetinaResize https://github.com/AtsushiM/RetinaResize ここ数年、スマートフォン用のコーディングとかすっごい多いです。 // というかむしろスマートフォンしかやってない そんなわけでスマートフォン用のコーディングをやる上でほぼ間違いなくやる事があります。 そう、「画像のサイズ指定を半分にする」 です。 比較的簡単な作業ではありますが、これが結構面倒臭い。 imgの
Vimのsnippetについてあまり知らなかったので設定してみたら便利過ぎてつらい - 僕の車輪の再発明
今までこれを使いこなせてなかったなんて、今までの人生をなかったことにしたくてつらい・・・ vimでneocomplecacheを使用していて、スニペットの候補が来た時にCtrl-kと打つとスニペットが展開されることは知っていましたが、いまいち意識して使えていない状態が続いていました。 とりあえずスニペット使ってみる 追記 一応下のようにプラグインが入っている前提です。 NeoBundle 'Shougo/neocomplcache' NeoBundle 'Shougo/neosnippet' 追記終わり 追記 2013/01/19 現時点でのおすすめ設定も書いているのでそちらも参照 今しているneocomplcache + neosnippetの設定の自分的おすすめ - 僕の車輪の再発明 追記終わり 例えば「PerlとVim」で言うと、この記事がかなりの良記事になっていて、そこでもスニペッ
neocompleteを入れてみた作業ログ - Make 鮫 noise
Vim Advent Calendar 2012の364日目の記事になります。 363日目は@haya14busaさんによる Vim-Easymotionを拡張してカーソルを縦横無尽に楽々移動する でした。 あと1日でvacが365日達成してしまうことに驚きを隠せません。 advent calendarとは一体何だったのか。 では本題に入ります。 neocomplcacheが進化してneocompleteとなったことは知ってましたがif_luaを使ってるためインストールは敬遠していました。 そんな僕もShougoさんのスライドを見てneocompleteに移行することを決意しました。 neocomplcacheはもう開発がされないそうですしね。 という訳でやったことをメモしておきます。 luaのインストール まず手元のlinuxマシンにluaが入っていなかったのでインストールから。 $ s
VimのNeosnippetを使ってみる: Octopress用のsnippetも作ってみる
B! 14 0 0 0 Vimの Neosnippet というプラグインを入れたまままともに使ってなかったので 使えるようにしてみたら思った以上に便利だったので ちゃんと使っていこうと思ったのでメモ。 Neosnippet インストールするプラグイン スニペットの構造 Neosnippetの設定 vim-octopress-snippets Neosnippet もともと Neocomplcache という補完強化プラグイン 1 を使っている時に、スニペット部分が分離されて なんとなく指示通りに入れていた、と言うもの。 これまでまともにスニペットを使えてなかったので 今回使い始めるに当たってのメモです。 インストールするプラグイン Shougo/neocomplete.vim: スニペットの補完。必須ではないがあると圧倒的に便利。 if_luaでないVimな場合はShougo/neocom
vim, MacVimを+luaオプション付きでインストール - Blog: kentaro.wada
テーマ vimプラグインのneocompleteなどを利用するためには、luaオプション付きのvimを使用する必要がある。問題と解決方法。 問題 neocomplete などを使おうとして.vimrcに NeoBundle 'Shougo/neocomplete.vim' と書いた場合、以下の様なエラーが出ることがある。 $ vim neocomplete does not work this version of Vim. It requires Vim 7.3.885 or above and "if_lua" enabled Vim. Press ENTER or type command to continueある。 原因 luaオプションがvimに入っていない。 $ vim --version | grep lua +dialog_con -lua +rightleft +win
VimLで色指定する数値の一覧 | Inhale n' Exhale
.vimrcなどで自分専用のVim環境を作っていると、文字色や背景色の色指定をctermbgなどの数値で設定する際に、色と数値の対応表がほしくなることがある。そんなときに使えるPerlスクリプトを書いてみた。 #!/usr/bin/env perl use strict; use warnings; my $fg = "\x1b[38;5;"; my $bg = "\x1b[48;5;"; my $rs = "\x1b[0m"; my $color = 0; sub get_color { my ($color) = @_; my $number = sprintf '%3d', $color; return qq/${bg}${color}m ${number}${rs}${fg}${color}m ${number}${rs} /; } for (my $row = 0; $row <
新卒さんのための人気Vimカラースキーマランキング5+1(vim.org & github調べ) - blog.takuyan.com
これといって新卒向けではありませんが、最近の新卒さんはVimでプログラミングを覚えるらしいので。 むしろ特に意味もなくVimのカラースキーマを変更したい人向けですかね。 プログラマにとってエディタはほぼ一日向きあうものなので、なるべく長時間見ていても疲れないだとか、楽しくなるだとか、主眼をどこに置くかによってカラースキーマが変わってくるでしょうね。 ということで。 第一位 molokai molokai 南国な名前ですね。私はこれ使ってます。なんだかかっこいいです。 詳細は、こちらを参照のこと。 第二位 pyte pyte - A clean, light (nearly white) theme : vim online とてもアッサリしたカラースキーマといった印象。 私はゴテゴテしたのが良いですが、たしかに、目の負担軽減にはなるかも。 この画像の他、全部で４種類ほど同梱されています。
Just Another Camelog
vimのインデントに色をつける方法は 「vim-indent-guides」と検索してもらうと いろんな方が詳しく書かれているので割愛します。 ここでは上記プラグインを設定した際に出てきてしまったエラーの回避方法。 E411: highlight group not found: Normal これはカラースキーマが設定されていないと出てくるので .vimrcの「vim-indent-guides」の設定の記述の前に colorscheme hoge を書いてあげれば解決。 ちなみに私のスキーマは定番「molokai」です。 ついでこの「molokai」のインストール方法を書いときます。 上記リンク先にある最新の「molokai.vim」を ユーザディレクトリにある「.vim」の中の 「colors」に入れてあげればOK (colorsフォルダが無ければ作ってあげる) それで「.vimr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
luaを有効にしてVimをインストールする | TECHSCORE BLOG | TECHSCORE BLOG
https://atnd.org/events/33746
http://blog.yuku-t.com/entry/20110427/1303868482