web-dev-qa-db-ja.com

Web開発およびプログラミング用にVimをカスタマイズするにはどうすればよいですか?

私はすでに[askubuntu.com]で質問に対する何かを見つけようとしましたが、私のニーズに応えるものは何もありませんでした。だから、私が望むのは、vimをhtml、css、javascriptなどのための非常に強力で便利なエディタとして構築することですが、プログラミングのためでもあります。私はCSSを学ぼうとしていますが、一般的に多くのプラグインを備えた非常に素晴らしいエディタが欲しかったです。だから、vimをカスタマイズするために、そして学習期間中に私を助けるかもしれない周りを見回す機能について、誰かが私を一歩ずつ助けてくれますか?

ああ、そしてvimが実行されている唯一の方法はターミナルからですか?ありがとう

***編集---> my.vimrcファイルが見つかりません

my home folder

10
gabriel

他の誰もが優れたアドバイスを持っているので、私はいくつかの基本事項を記入すると思いました。

1。コンソール外のvim用GVimとそのインストール方法

Vimはコンソールからのみ実行できるかどうかを尋ねました。 GVim(GUI-Vim)はスタンドアロンバージョンです。スクリーンショットから、Ubuntuを使用しているように見えます。ソフトウェアセンターでgvimを見つけて、そこからインストールできます。または、端末からSudo apt-get install gvimできます。

2。 .vimrc構成ファイルの作成

デフォルトでは、vim/gvimは.vimrcを作成しないので、自分で作成できます。 vimを開き、:e ~/.vimrcと入力して、ホームフォルダー(.vimrc)の~という新しいファイルを編集します。

設定を1つだけ追加することから始めて、それが機能するかどうかを確認できるようにします。次のテキストを追加します。

" switch on line numbering
set number

"はコメント文字です。

次に、vimを終了して再起動します。左上に行番号1が表示され、これから編集するファイルの行番号がデフォルトでオンになっていることがわかります。

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

プラグインは~/.vim/と呼ばれるフォルダーに存在しますが、再び、vimはデフォルトでこれを作成しないため、作成する必要があります。

mkdir ~/.vim

時間が経つにつれて、.vimフォルダーは次のようないくつかのサブフォルダーに成長します。

  • pluginプラグイン用
  • colorカラースキーム用
  • docドキュメント用
  • syntax構文強調モード用

しかし、今のところは空です。プラグインを1つ追加して、試してみましょう。

vim .でvimを開くことから始めます。これは、vimに「エクスプローラー」モードでフォルダーを開くように指示します。一般的なファイルブラウザプラグインであるNERDtreeをインストールします。これは、デフォルトのエクスプローラを置き換えます。

http://www.vim.org/scripts/script.php?script_id=1658 に移動し、ページ下部のテーブルからZipファイルをダウンロードします。

アーカイブマネージャーで開き、「抽出」を選択して、~/.vim/フォルダーに抽出するように指示します。非表示のフォルダーを表示するには、アーカイブマネージャーのフォルダーブラウザー内でCtrl+Hを押す必要がある場合があります。

抽出されると、.vimにいくつかのサブフォルダーが作成されます。ここでvimを再起動すると

vim .

Explorerビューが変更されたことを確認してください!現在、NERDtreeプラグインを使用しています。

4。その他の.vimrc設定

私の完全な.vimrcはここにあります https://bitbucket.org/hjwp/vim/src ですが、ここにいくつかの設定があります。

" syntax highlighting
syntax on

" map cut & paste to what they bloody should be
vnoremap <C-c> "+y
vnoremap <C-x> "+x
map <C-v> "+gP

" sane text files
set fileformat=unix
set encoding=utf-8

" sane editing
set tabstop=4
set shiftwidth=4
set softtabstop=4

" convert all typed tabs to spaces
set expandtab

"autocompletion with ctrl+space
inoremap <c-space> <c-n>
inoremap <Nul> <c-n>

5。 Ctags

最初はプラグインについてあまり心配しません。vimがすぐに使えることを知っておくだけで、コーディングに十分役立つはずです。しかし、vimで作業するのに本当に役立つ1つのことは、ctagsです。 ctagsを使用すると、「定義にジャンプ」などの操作を実行したり、ソースツリーのすべてのキーワードでオートコンプリートしたりできます。皮切りに:

apt-get exuberant-ctagsをインストール

次に、.vimrcに以下を追加します

map <f12> :!ctags -R .<cr>

これで、vimセッションで「F12」を押すと、.tagsファイルが生成され、vimを使用してキーワードをスキャンできます。

ソースコードで関数呼び出しなどを実行している場合は、ctrl+]を使用してその定義にジャンプできます。詳細はこちら: https://stackoverflow.com/questions/563616/vim-and-ctags-tips-and-tricks

6。次は何ですか

他の人々がいくつかの本当に便利なガイドを投稿しています。ここにいくつかのSOページがあります。

それはそこにある全体のvim世界です。しかし:警告:vimゴルフに夢中になっているなら、おそらく行き過ぎているでしょう- http://vimgolf.com/ ;-)

11
hwjp

上記のような.vimrcの学習を開始することをお勧めします。みんなのニーズと好みは異なるので、他の人の設定をコピーするのではなく、手動でインストールすることを明確にすべきです。

学習VIM自体に関するいくつかのリソース:

  • Vimを段階的に学習 、Vimの学習に関する優れたガイド。
  • Vim初心者向けチュートリアル 、デレクワイアットによる一連のビデオ初めて旅を始めたとき、私は楽しかったです。
  • チートシート 、もしあなたが以前からVimに慣れていないなら、私は試験のようにこれに行くことを勧めます。キーバインドを紙に書き留め、コマンドを左側に、説明を右側に書きます。次に、コマンドまたは説明のいずれかを非表示にし、答えを思い出そうとして暗記を開始します。コマンドが自然に出てくるまでに時間がかかりませんが、Vimでも同様に積極的に使用することを忘れないでください。そうしないと、すぐに習得できます。
  • http://usevim.com (vimプラグインを評価し、Vim 101シリーズもあります)
  • http://vimcasts.org/episodes/archive (一部の素晴らしいキャスト)

いくつかの本当に便利なプラグイン

  • Syntastic 多数の言語の静的コード分析
  • vim-css3-syntax CSS3の構文強調表示。一般に、HTML5とJavaScriptを使用する場合は、HTML5とJavascriptの構文ファイルも更新する必要があります。
  • Matchit %の機能を拡張します
  • サラウンド タグ/括弧などのマッピング、Web開発者にとって本当に強力
  • Tcomment ほとんどの言語でコメントを簡単に切り替える
  • Pathogen プラグインをアンインストールして操作できるように、vimフォルダーを整理しておきます
  • NERDtree 本当に人気のあるツリーエクスプローラー。
  • Command-T 人気のあるバッファーマネージャー。個人的にはRubyに依存するため使用できません。
  • Snipmate コードスニペットを簡単に挿入します。
  • Sparkup div#stuff.class> ul> li * 5をHTMLに拡張すると、ドリフトが発生します。

その他の知っておくと便利なこと

  • プロジェクトのタブ補完を取得するには、vimがサポートするctagsを使用できます
  • Caps-lockをescに再バインドします。1日後、escに到達するためのエネルギーがどのように得られたかを理解できません。
  • Vimには元に戻すツリーが分岐しているため、元に戻すツリーを変更しても元に戻すことができます。 Gundo これを視覚化するのに役立ちます。
  • Vimには永続的な取り消しがあります。つまり、コンピューターを再起動しても取り消し履歴が保存されます。これを確実に有効にする必要があります。
  • 私自身のvimrcには、この異なるコード規約が設定されているかどうかに応じて、DrupalまたはWordpressサイトで作業しているかどうかをチェックする機能があります。 (これは知っておくと役立つと思います。以下のリンクにある私のリポジトリで見つけることができます。)
  • Steve Loshにはこの素晴らしい設定がありました vimでNumberオブジェクトを定義して、cNを押して、たとえば200pxの数字だけを削除/変更/などできるようにします

チェックアウトする価値のあるVimrcリポジトリ

  • スティーブロス 素晴らしいもの
  • ティムポープ 逃亡者、サラウンド、その他多数のvimプラグインの作成者
  • Oxy 独自のリポジトリ、READMEにDrupalプロジェクトのctagを生成する例があります。
  • Derek Wyatt 彼のスクリーンキャストは私にvimを教えてくれました、あなたはそこにたくさんのクールなものを見つけることができます
9
oxy

これを使用できます:

bash <<(curl -s https://raw.github.com/wongyouth/vimfiles/master/install.sh

これは私の先生の設定であり、あなたを助けることを望んでいます。

Vimの少数のプラグインはすべて、1つのバンドルサブディレクトリに保持され、特にRailsコーディングに役立つvim設定が便利です。すべてのプラグインはサブモジュールとして含まれているため、1つのコマンドでプラグインを更新して、作業を簡単にすることができます。

詳細: リンクの説明をここに入力

1
clark