Showing posts with label zen-coding. Show all posts
Showing posts with label zen-coding. Show all posts

2012-04-30

zencoding.vim が書き出す HTML の lang="en" を lang="ja" に変更する方法

zencoding.vim を導入していると、
Vim で html:4s と入力したあとに「Ctrl+y ,」と打つするだけで、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title></title>
</head>
<body>
  
</body>
</html>
と、ここまで展開してくれて、めちゃくちゃ便利。
けど、lang="en" じゃないんだよなーと毎回 lang="ja" に打ちかえていたところ、最近になってようやく抜本的な解決策を発見。
こちらのコメントによると、
let g:user_zen_settings = {
\  'lang' : 'ja',
\}
を _vimrc に入れておけばいいみたい。
ありがたやー。

2011-11-03

zencoding.vim のインデントをタブからスペースに変更する

Zen coding は、エディタ上で CSS セレクタのような書き方で HTML タグを記入することのできる、優れもののプラグインのこと。動画を見るとどういうものかすぐにわかるはず。


(Zen Coding v0.5 from Sergey Chikuyonok on Vimeo)

これを Vim に入れたというのは、以前書いたのだけれど、タグを自動挿入させたときのインデントがスペースじゃなくてタブなのが気になっていた。

で調べてみて、見つけたのがこのサイト。 インデントをスペースにするには、.vimrc に以下のように設定をすればいいとのこと。

let g:user_zen_settings = {'indentation' : '  '}

これだと、インデントにスペース 2 個を使ってくれる。ということで、どんどんコーディング環境が豊かになっていくのでした。

2011-03-27

Vim に zen-coding 入れた

今年も何か新しいことを…、と一念発起して始めてみた Vim。ようやく独特の入力方法にも慣れてきて、とりあえず、HTML の編集で利用しているところ。

ブログの更新時は、ブログの HTML の雛形に実際に記事のコードを書き入れて、見栄えを確認しては編集、確認しては編集…ということをしているのだけれど、それを全部 Vim でできるようになったということ。

まあ、それはいいとして、HTML の補完用に autocomplpop.vim で <c-n> したり、surround.vim で ysst したり、とにかくいろいろプラグインを使ってみたけれど、最終的に zen-coding.vim に落ち着いた。

zen-coding の HTML のタグを CSS ライクなセレクタを使って入力できる機能がすばらしすぎるから。


(Zen Coding v0.5 from Sergey Chikuyonok on Vimeo)

それが Vim に移植されて登場した zen-code.vim。どんなことができるのかについては、移植者のページで。 ダウンロードはこちらから。 最初、<c-z>, で動かない!と焦ったけれど、<c-y>, (コントロール押しながらy、コンマ)押したらちゃんと動いた。開発途中でコマンド変えたみたい。

Zenback - Everyone's Related Posts