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


10

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

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

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

私のホームフォルダ

回答:


11

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

1. GVim for vim for the consoleおよびコンソールのインストール方法

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ファイルをdowload。

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

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

vim .

エクスプローラービューが変更されたことがわかります。現在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/ ;-)


さて、前に述べたように.vim.vimrcファイルやファイルはありません。私は何をしているのか知って.いますが、1つのプラグインをインストールしたり、1つの設定を変更したりする方法を教えてください。ありがとう
gabriel

ああ、私はvimが.vimrcデフォルトでを作成しない可能性があると思います。自分で作成する必要があります...私は答えを更新し、基本的なプラグインをインストールする方法についても含めます...
hwjp

1
それは良いですか?
hwjp 2012

ありがとうございます!しかし、プラグインをアンインストールするにはどうすればよいですか?ファイルを削除できますか?ありがとう
gabriel

また、病原体をインストールしましたが、.vimファイルがまったく整理されていません。便利なhtmlプラグインはありますか?ありがとう
ガブリエル

9

上記と同じように.vimrcを勉強することをお勧めします。誰もが必要とする設定は異なるので、誰か他の人の設定を単にコピーするのではなく、手動でインストールすることを絶対にすべきです。

VIM自体の学習に関するリソース:

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

本当に便利なプラグイン

  • 多数の言語のSyntastic Staticコード分析
  • vim-css3-syntax CSS3の構文の強調表示。一般に、HTML5とJavaScriptの構文ファイルを使用する場合は、それらも更新する必要があります。
  • Matchitは%の機能を拡張します
  • タグ/括弧などのサラウンドマッピングは、Web開発者にとって非常に強力です
  • Tcommentほとんどの言語でコメントを簡単に切り替える
  • Pathogenアンインストールしてプラグインをいじることができるように、vimフォルダーを整理しておく
  • NERDtree個人的には:eを好むが、個人的には非常に人気のあるツリーエクスプローラ。
  • Command-T人気のあるバッファマネージャで、個人的にはルビに依存しているため使用できません。
  • 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で数値オブジェクトを定義するこの素晴らしい構成を持っていたので、cNを押すことで、たとえば200pxの数値のみを削除/変更/その他できます。

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

  • スティーブロス素晴らしいもの
  • Tig Pope Creator of Fugitive、Surround、その他の多数のvimプラグイン
  • Oxy自分のリポジトリ、READMEには、Drupalプロジェクトのctagsを生成する例があります。
  • デレク・ワイアット彼のスクリーンキャストは私にvimを教えました、あなたはそこでたくさんの素晴らしいものを見つけることができます

さて、上記のプラグインやプラグインのいくつかを使用したい場合でも、どうすれば使用できますか?私のvimrcフォルダーはどこにありますか?おかげで
gabriel

1
@gabriel vimrcはファイルであり、.Linux隠しファイルシステムを示し.vimrcます。存在しない場合は作成し、ホームディレクトリに配置する必要があります。.vimプラグイン/スクリプトを含むフォルダ/ディレクトリです。それも作成する必要がある場合があります。これらのスクリプトのほとんどには、インストール手順があります。vim.org/scripts/script_search_results.php。Vimはあなたが微調整し、すべてに慣れていないので、もしテキストエディタですaskubuntu.com/questions/48299/...
sagarchalise

@sagarchalise OK、これらのファイルを作成した後、vimの動作を変更できますか?
ガブリエル

@gabrielは基本的にvimrcvimがすべきこと、つまり構文の強調表示、タブ/スペース、行番号などを含むべきです。デフォルトでは、vimは単なるテキスト編集ツールです。あなたはそれをあなたが望むものにします。Vimは非常に強力で調整可能です。ただし、そのモードとコマンドを理解する必要があります。vim.wikia.com/wiki/Example_vimrcサンプルvimrcについては、こちらを参照してください
sagarchalise '25

Caps LockをEscapeにバインドするにはどうすればよいですか(私はUbuntuを使用していません)
Santosh Kumar

1

あなたはこれを使うことができます:

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

これは私の先生の設定です、あなたを助けたいと思っています。

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

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


そして、これで正確に何ができるのでしょうか?いいですが、手動でのインストールを好みます。
ガブリエル

:あなたは、このリンクでのサブモジュールに含まれ、使用してvimのプラグインを見ることができますgithub.com/wongyouth/vimfiles
クラーク
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.