スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

コーディングスピードが格段に上がる vim コマンド

プラグイン 「zencoding.vim」 「emmet.vm」 「surround.vim」 をインストール
各プラグインの詳細はサイトで。。。
今回とりあえず html php の編集をメイン。とりあえずこのコマンドだけで結構いけると思う。


[デフォルトコマンド]
dit...内側のタグ削除
dat...現在のタグ削除
cit...内側のタグを削除し挿入モードへ
cat...現在のタグを削除し挿入モードへ
vit...要素の内側を選択をする
vat...要素の外側を含め選択をする
di"..."100" "で囲まれた内側の値削除

[emmet.vim]
<C-Y>, ...展開
「選択」 <C-Y>, <Tag * ...タグで囲む*追加で選択行全体にタグをつける
<C-Y>d...要素の外側を選択をする ...php使えない 
 = vit
<C-Y>D...要素の内側を選択をする ...php使えない
 = vat
<C-Y>n...編集箇所(空)に移動(右側)
<C-Y>N...編集箇所(空)に移動(左側) pでもできるそう
<C-Y>i...img要素の width と height の値を自動入力
<C-Y>j...タグの結合、タグの展開 dit が使えるのでvimでは微妙...
 キーマップで<C-Y>j<C-Y>j<C-Y>n とか設定すれば使えそう。
<C-Y>/...選択中のタグのコメントアウト

[surround.vim]
ds"...現在囲っている「"」記号を削除する
cs"'...現在囲っている「"」を「'」記号を変更する
dst...現在いる外側のタグだけを削除
cst <Tag...現在いる外側のタグだけを変更
ys [囲われるテキスト] [テキストを囲うもの]を続けて指定 下例
"This is 'a surrounded text'. ysaw( This is 'a ( surrounded ) text'.
"This is 'a surrounded text'. ysi'( This is '( a surrounded text )'.
"This is 'a surrounded text'. ysa'( This is( 'a surrounded text' ).
yss" カレント行(今いる行)の端に指定の記号でくくる
「選択」 S" 選択中の文字を記号でくくる

 
スポンサーサイト

テーマ : プログラミング
ジャンル : コンピュータ

コメントの投稿

非公開コメント

プロフィール

Sawasawato

Author:Sawasawato
伝統工芸の世界から、Webの世界へ。
デザイナーも経験するも、バックエンドの魅力に取り付かれそっちの方へ。文章と文字数の少ない、シンプルなサイトを目指しますぅ。
シンプルに。シンプルに。
WebなのにDwを使うのに抵抗があってvimを使っています。
以前はライターも経験。

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
天気予報

-天気予報コム- -FC2-
UV
自IP除外
PV
自IP除外
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
アクセスランキング
[ジャンルランキング]
コンピュータ
1839位
アクセスランキングを見る>>

[サブジャンルランキング]
プログラミング
294位
アクセスランキングを見る>>
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。