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

Node.js開発のためのvim設定

$
0
0

Linux上でNode.js開発をするために行ったvimの設定です。

構文チェック

■ESLint

構文チェック用のモジュールです。
管理者用で実行し、グローバル領域にインストールします。

shell
sudo npm install -g eslint

プラグイン管理

■NeoBundleのインストール

NeoBundleとはVimのプラグイン管理を便利にしてくれるツールです。
以下、インストール用のコマンドです。

shell
mkdir -p ~/.vim/bundlegit clone https://github.com/Shougo/neobundle.vim ~/.vim/bundle/neobundle.vim
■NeoBundleの基本設定

ユーザディレクトリに設定ファイルの.vimrcを作成する。

shell
"---------------------------" Start Neobundle Settings."---------------------------" bundleで管理するディレクトリを指定set runtimepath+=~/.vim/bundle/neobundle.vim/" Required:call neobundle#begin(expand('~/.vim/bundle/'))" neobundle自体をneobundleで管理NeoBundleFetch 'Shougo/neobundle.vim'" プラグインはここに追加"call neobundle#end()" Required:filetype plugin indent on" 未インストールのプラグインがある場合、インストールするかどうかを尋ねてくれるようにする設定" 毎回聞かれると邪魔な場合もあるので、この設定は任意です。NeoBundleCheck"-------------------------" End Neobundle Settings."-------------------------

vimrcを記述することで基本的なNeoBundleの設定は終了です。

Node.js活用vimプラグイン

■vim-jsdoc

JsDoc でJSDocコメントができる。

shell
NeoBundleLazy 'heavenshell/vim-jsdoc' , {'autoload': {'filetypes': ['javascript']}}
■vim-node

gfでrequire()のモジュールにジャンプ

shell
NeoBundle 'moll/vim-node'
■vim-javascript

インデントとシンタックスカラー用プラグイン

shell
NeoBundle 'pangloss/vim-javascript'
■autoclose

括弧を入力した際、自動的にとじ括弧を挿入してくれるプラグイン。

shell
NeoBundle 'Townk/vim-autoclose'
■syntastic

シンタックスチェック用プラグイン。
この設定ではESLintでチェックさせています。

shell
NeoBundle 'scrooloose/syntastic'let g:syntastic_check_on_open=0 "ファイルを開いたときはチェックしないlet g:syntastic_check_on_save=1 "保存時にはチェックlet g:syntastic_check_on_wq = 0 " wqではチェックしないlet g:syntastic_auto_loc_list=1 "エラーがあったら自動でロケーションリストを開くlet g:syntastic_loc_list_height=6 "エラー表示ウィンドウの高さset statusline+=%#warningmsg# "エラーメッセージの書式set statusline+=%{SyntasticStatuslineFlag()}set statusline+=%*let g:syntastic_javascript_checkers = ['eslint'] "ESLintを使うlet g:syntastic_mode_map = {      \ 'mode': 'active',      \ 'active_filetypes': ['javascript'],      \ 'passive_filetypes': []      \ }
■quickrun

プラグインでvim上でNode.jsを実行できる

shell
NeoBundle 'thinca/vim-quickrun'" 水平に分割するlet g:quickrun_config={'*': {'split': ''}}

実行方法:vimでプログラム編集中に

shell
\r

まとめ

とりあえず走りだし時点でのプラグインです。
vimもまだまだ乗り換えたてのため、チートシート見ながら勉強中!
プラグインの便利さとIDEより圧倒的に軽いのでいい感じです!
Atomでのコーディングもそのうちやってみたいと思います!


Viewing all articles
Browse latest Browse all 5608

Trending Articles



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