JS&Vimは初めてです。JavaScriptコードを作成するのに役立つプラグインはどれですか?
JS&Vimは初めてです。JavaScriptコードを作成するのに役立つプラグインはどれですか?
回答:
Syntastic Vimプラグインを使用して、JSLint またはコミュニティ主導のjshint.com(IMOの方が優れています)をVim に統合する非常に簡単な方法があります。詳細については、他の投稿を参照してください。
Cloud9 IDEのAceオンラインエディターでも使用されているMozillaのDoctorJS(以前のjsctags)を使用してタグリストを追加する非常に優れた方法もあります。
apt-get
、Macのホームbrew
など)を使用して、次のパッケージをインストールします。
exuberant-ctags
ctags
実際に実行されていることを確認してください。を実行すると確認できます。exuberant-ctags
ctags
ctags --version
node
(Node.js)DoctorJS
githubからのクローン:git clone https://github.com/mozilla/doctorjs.git
DoctorJS
dir 内に移動しmake install
ます(make
アプリもインストールする必要がありますが、これは非常に基本的です)。
make install
が、現時点ではうまくいきません。今のところは、bin/
代わりにリポジトリのディレクトリを$ PATHに追加するだけです。詳しくは、DoctorJSのGitHubと問題のページをご覧ください。DoctorJSは現在死んでいます。tern.jsという新しい有望なプロジェクトがあります。現在は初期ベータ版であり、最終的には置き換えられる予定です。
エンジンとしてternを使用するプロジェクトramitos / jsctagsがあります。npm install -g
それだけで、タグバーは自動的にそれをJavaScriptファイルに使用します。
git submodule init && git submodule update
。そして、ステップ3.行う
brew install ctags-exuberant
snipMateは、TextMateの⇥挿入システムをエミュレートし、デフォルトで(特に)便利なJSスニペットの束が付属しています。独自のものを追加するのは非常に簡単です。
javaScriptLintを使用すると、jslに対してコードを検証できます。
また、vim.orgにはさまざまなJavaScript構文ファイルがあります。それらを試してみて、どれがあなたとあなたのコーディングスタイルに最適かを見てください。
ネイティブのオムニコンプリート(ctrlx- ctrlo)は私にとって非常にうまく機能します。autoComplPopでより動的にすることができますが、時々煩わしい場合があります。
tarek11011のコメントに応じて編集:
acpはデフォルトではJavaScriptでは機能しません。少し微調整する必要があります。ここに私がそれをした方法があります(汚いハック、私はまだVim noobです):
vim-autocomplpop / plugin / acp.vimに追加しphp
、javascript
(およびactionscript
)追加したbehavs
ので、次のようになります。
let behavs = {
\ '*' : [],
\ 'ruby' : [],
\ 'python' : [],
\ 'perl' : [],
\ 'xml' : [],
\ 'html' : [],
\ 'xhtml' : [],
\ 'css' : [],
\ 'javascript' : [],
\ 'actionscript' : [],
\ 'php' : [],
\ }
少し下に、そのような一連のコードブロックがあります。
"---------------------------------------------------------------------------
call add(behavs.ruby, {
\ 'command' : "\<C-x>\<C-o>",
\ 'meets' : 'acp#meetsForRubyOmni',
\ 'repeat' : 0,
\ })
これを複製して、次のように少し編集しました。
"---------------------------------------------------------------------------
call add(behavs.javascript, {
\ 'command' : "\<C-x>\<C-o>",
\ 'meets' : 'acp#meetsForRubyOmni',
\ 'repeat' : 0,
\ })
actionscriptとphpについても同じことを行いました。
作るためにVimのコマンドラインでのセットフィート= html.css.javascript:あなたが行うことができ、HTML文書内の編集JS / CSSにしたい場合ctrlx- ctrloJSブロックとCSSブロック内のプロパティ/値のメソッド/プロパティ名で期待どおりに動作します。ただし、このアプローチには欠点もあります(奇妙なインデント…)。
このプラグインも役に立ちます:https : //github.com/maksimr/vim-jsbeautify。JavaScriptの完全なオートフォーマットを提供します。キーを1回押すだけで、コードが美しく見えます。コードスニペットを貼り付ける場合にも便利です。これは、オンラインアプリケーションとしても見つかる人気のjs-beautifierを利用しています。後者はhttp://jsbeautifier.org/にあります。
インデントとオートフォーマットを修正するには(Ctrl =):JavaScriptインデント
インデント幅を設定するには、javascript.vim
ファイルを〜/ .vim / ftplugin dirに次の内容で追加します(2つのスペースインデント用):
setl sw=2 sts=2 et
~/.vimrc
:autocmd FileType javascript setlocal sw=2 ts=2 sts=2