vimでコードの自動補完と同時に不思議な空間が挿入される

Question

前提

vim初学者です。
iTermからmac vimを使用しています。

発生している問題

コードの自動補完と同時におかしな空間、特殊文字のようなものが挿入されてしまいます。


ここにカーソルをおくと動けなくなってしまいます。5回くらい連打すると動けます。
見た目は1文字だけど中身は5文字のように感じます。

実現したいこと

不思議な空間をなくして、自動補完が終わった状態を下図のようにしたいです。
この状態でエンターを押すと自動でインデントが入るようにしたいです。

自分の.vimrc

関係がありそうな部分のみ抜粋します。
不足があれば教えていただければと思います。

set expandtab " タブ入力を複数の空白入力に置き換える
set tabstop=2 "画面上でタブ文字が占める幅
set softtabstop=2 "連続した空白に対してタブキーやバックスペースキーでカーソルが動く幅
set autoindent " 改行時に前の行のインデントを継続する
set smartindent " 改行時に前の行の構文をチェックし次の行のインデントを増減する
set shiftwidth=2 " smartindentで増減する幅
" 不可視文字を可視化(タブが「▸-」と表示される)
set list listchars=tab:\▸\-


"----------------------------------------------------------
" neocomplete・neosnippetの設定
"----------------------------------------------------------
if neobundle#is_installed('neocomplete.vim')
    " Vim起動時にneocompleteを有効にする
    let g:neocomplete#enable_at_startup = 1
    " smartcase有効化. 大文字が入力されるまで大文字小文字の区別を無視する
    let g:neocomplete#enable_smart_case = 1
    " 3文字以上の単語に対して補完を有効にする
    let g:neocomplete#min_keyword_length = 3
    " 区切り文字まで補完する
    let g:neocomplete#enable_auto_delimiter = 1
    " 1文字目の入力から補完のポップアップを表示
    let g:neocomplete#auto_completion_start_length = 1
    " バックスペースで補完のポップアップを閉じる
    inoremap <expr><BS> neocomplete#smart_close_popup()."<C-h>"

    " エンターキーで補完候補の確定. スニペットの展開もエンターキーで確定・・・・・・②
    imap <expr><CR> neosnippet#expandable() ? "<Plug>(neosnippet_expand_or_jump)" : pumvisible() ? "<C-y>" : "<CR>"
    " タブキーで補完候補の選択. スニペット内のジャンプもタブキーでジャンプ・・・・・・③
    imap <expr><TAB> pumvisible() ? "<C-n>" : neosnippet#jumpable() ? "<Plug>(neosnippet_expand_or_jump)" : "<TAB>"
endif

Answer 1

補間はあくまでも候補を表示してくれるものです．画像のものはスニペット (neosnippet) を展開したものだと思います（設定を見る限り，Enterキーを押した後に画像のような状態になったのだとおもいます）

スニペットは，ジャンプ先を設定することができます．（質問者さんの設定では Tab キーをおせばジャンプができそうです）
このジャンプ先の目印が <`0:TARGET`> とかで，自動的に挿入されます．vim の conceal という機能で通常は見えないようになっています．

自動補完が終わった状態を下図のようにしたいです。

これはスニペットを編集することで解決できます．
:NeoSnippetEdit コマンドを実行することで編集できます．

これは ruby なんですかね...？
たとえば ruby のデフォルトのスニペットは ここ にあります．

こんな感じです．

snippet     if
abbr        if ... end
  if ${1:#:condition}
    ${0:TARGET}
  end

これをまねて， :NeoSnippetEdit で出てきた snip ファイルに，

snippet     if
abbr        if ... end
  if ${1:#:condition}
  end

などと書き込み，保存すればよいです．

詳細は :help neosnippet などで確認できます．

Comments

[hati-mitu]

ありがとうございます！
思った通りに設定することができました！
非常に丁寧な説明でとても分かりやすかったです！
本当にありがとうございました！