フロントエンドの.vimrc

こんにちは、私はフロントエンドの開発を行っていますが、どういうわけか日常生活でvimを積極的に使用しています。



作業の過程で、かなり大きく、よく文書化された構成が蓄積されました。ある時点で、私はそれを外部の世界と共有し、おそらくその中の何かを改善したかったのです。 Web開発者だけでなく、一般的に他のすべての人にとっても有用です。



カットの下で、構成の主な機能について説明します。 私はVimをiTermとソラリゼーションテーマと組み合わせて使用​​していますが、最小限の変更を加えた構成は、あらゆる端末とテーマに適しています。 各オプションの詳細な説明により、何らかの理由で最近WIMに切り替えることを決定したユーザーにとって非常に役立ちます。



奇妙なことに、記事には多くの写真があります;)





構成チップ



各オプションまたはプラグインの簡単な説明



通常、Wimの構成は非常に最小限であるか、トピックに含まれていない場合は理解するのが非常に困難です。 あなたが初心者の場合、一度に2つの問題が発生します。



  1. 設定方法
  2. これをvimで使用する方法(未構成のvimを使用すると、開始時に多くの忘れられない時間が追加されます)


2番目の問題を解決することはできませんが、最初の問題を解決することはできます-構成は理解可能なブロックに分割され、各オプションまたはプラグインは簡単にコメントされます。



プラグインのインストール



Vundleはプラグインマネージャーとして使用されます。

最初にvimを起動すると、自動的にインストールされ、必要なすべてのプラグインがインストールされます。

物理的にプラグインは



~/.vim/bundle
      
      





プラグイン自体のリストは.vimrc



ファイルにあります。



プラグインを取得するリポジトリへのパスが表示されます。 ユーザー名とリポジトリの名前のみがパスとして指定されている場合:



 Bundle 'altercation/vim-colors-solarized'
      
      





次に、githubへの途中で自動的に展開されます。



 https://github.com/altercation/vim-colors-solarized
      
      





リストに新しいプラグインを追加した後、vundleにそれを配置するように指示すると同時に、既存のプラグインを更新する必要があります。 これは、コマンド:BundleInstall



によって実行され:BundleInstall







定義済みの便利なプラグイン



Vim-snipmate + vim-snippets


スニペットをサポートするための最も人気のあるプラグインの1つ、およびそのための標準スニペットの束。 Tab



を押すと、置換が行われTab





たとえば、 fun



と入力してTab



を押すと、関数宣言でfun



が開き、カーソルがスニペットの最初の引数-function_nameに移動しfunction_name







スニペット引数間の遷移もTab



発生しTab





すぐに、多くの言語向けの既製のスニペットがたくさんあります。 彼らはここにいます:



 ~/.vim/bundle/vim-snippets/snippets/
      
      





このパスは、vimの最初の起動後に表示されます。

_.snippets



というファイルには、言語に関係なく役立つスニペットが含まれています。たとえば、著作権や魚のテキストを埋め込むスニペットなどです。



シンタスティック


これにより、多くの静的アナライザーを接続し、ファイルを保存して開くときにコードのエラーをチェックできます。

デフォルトでは、jshintのみが設定とともにインストールされます( このためには、npmがすでにインストールされている必要があります )。



エラーが見つかると、ウィンドウの左側にエラーのある行を示すラベルが表示されます。カーソルが既にエラーのある行にある場合、そのテキストはWIMのステータスバーに書き込まれます。





Tcomment_vim


コメントを操作するためのホットキーを追加する小さなプラグイン:







NERDtree


vimのディレクトリをツリー構造として表示する機能を追加します。



それらは、 t



を押すことで隣接するタブで開くか、 Enter



現在のタブで開くことができます



フォルダーまたはファイルを選択してm



を押すと、それらを削除したり、名前を変更したり、ファイルで通常行う他の操作を実行したりできます。



構成はいくつかの便利なホットキーを追加します-たとえば、 \f



現在のファイルが強調表示される分割ビューを開くことができます。

この分割ビューで別のファイルを選択すると、同じウィンドウで開きます。 これは、大きなコンソールウィンドウで使用すると便利です。





逃亡者


vimaからすぐにgitを使用して必要なすべての操作を実行できます。 デフォルトの構成では、いくつかの便利なエリアスがありますが、ほとんどの場合、次のように使用します。







ファジーファインダー


ファイルやフォルダをすばやく便利に見つけることができます。 あなたがスローガン、間違い、間違った道などで言葉を入力しても、彼はあなたが探す必要があるものを理解します。



ctrl+t



を開くためのホットキー



重大な欠点のうち、大規模なカタログでの最初の検索での大幅な遅れ。



その他のプラグイン


おもしろいですが、名前は付けられていませんが、まだVim-surroundVim-unimpairedがあり、それらに加えて他にもいくつかあります。完全なリストはconfigファイルにあります。

すべてのプラグインの準備が整いました。



挿入およびコマンドモード用のさまざまな形式のクローラー



挿入モードのカーソルの形状がレンガからパイプに変わり、それにより多くの神経細胞が節約されます。



コードはiTermに固有ですが、おそらく任意の端末用に構成できます



クールで目に優しいSolarizedテーマ



itermの同様のテーマと組み合わせて、そのライトバージョンを使用します

この投稿のすべてのスクリーンショットに表示されるのは彼女です。



何らかの理由でそれが自分に合わない場合、または独自のものをインストールしたい場合は、バンドル'altercation/vim-colors-solarized'



とヘッダーSolarized



持つセクションを削除することで、設定からいつでも削除できます



小さな便利なチップ







計画中



JavaScriptのスマートオートコンプリートを追加します。 彼はそこにいませんが、私は彼が非常に近い将来に現れると思います。



入手先 :)



リポジトリを表示して、ここで構成を選択できます: github.com/L0stSoul/vim-config



All Articles