Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

VimでVueifyをシンタックスハイライトしたかった

$
0
0

Vue.jsが流行っているらしいから入れた。

# npm install --save vue

Browserifyで使うならvueifyという便利なものがあると聞いて入れた。

vueifyでcomponent化
http://blog.koba04.com/post/2014/10/07/component-by-vueify/

vue1.png

Vimとかの場合は・・・

Vimとかの場合は・・・

Vimとかの場合は・・・!?

ワイ「そういやVueifyてHTML+jsだしJSXに似とるな?」

.vimrc
NeoBundle "pangloss/vim-javascript"
NeoBundle "mxw/vim-jsx"

NeoBundleでjsxハイライトを入れるやで~

.vim/bundle/vim-jsx/after/ftdetect/javascript.vim
autocmdBufNewFile,BufRead *.jsx,*.vue letb:jsx_ext_found =1autocmdBufNewFile,BufRead *.jsx,*.vue setfiletype=javascript.jsx
autocmdBufNewFile,BufRead *.js
  \ if<SID>EnableJSX()|setfiletype=javascript.jsx |endif

定義ファイル開いて.vueを追加するやで~

syntax.png

よし。

syntax2.png

つらみが残った。
そして思い至った。

HTMLでいいじゃん。

.vimrc
autocmdBufNewFile,BufRead *.{html,htm,vue*} setfiletype=html

syntax3.png

syntax4.png

HTMLには最初からHTMLもcssもjsも含まれているのであった。
敗北を知りたい。


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>