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

VimをVisual Studio Codeっぽく使ってみる ①

$
0
0

Vim2 Advent Calendar 2019の 3日目 担当の @Chitamaです。
Webやアプリを開発をやってます。

Visual Studio Codeをを立ち上げずに Vimでコードを書いてみたらと、いつもよりメモリの使用量が 1GB ほど少なかったので、VimだけでVisual Studio Codeっぽく使えないか試してみました。
今回は、vim標準のファイラnetrwだけでできる範囲でやってみます。

標準設定で使ったとき

まず、まっさらな vimrcだとこんな感じです。

プロジェクトフォルダを開く

  • 基本操作
    • edit <開きたいプロジェクトフォルダパス>
    • e <開きたいプロジェクトフォルダパス>

trends

  • やりたいこと
    • 開い時に上部に表示される情報を非表示にしたい
    • ツリー形式で展開するように表示したい

ファイルを開く

  • 基本操作
    • ディレクトリ/ファイルを開く: Enter
    • 水平方向で開く(画面分割): o
    • 垂直方向で開く(画面分割): v
    • ファイルを閉じる: :bd
    • 右のウィンドに移動: <Cntl+w> l
    • 左のウィンドに移動: <Cntl+w> h
    • ウィンドに移動: <Cntl+w> 長押し

trends

  • やりたいこと
    • ファイルが左側に開くので、右側にしたい
    • 行番号を表示したい
    • コードに色分けしたい

vimrcを追記

やりたいことが実現できるように vimrcを書いてみます。

" プラグインを有効にするfiletype plugin on"##### nwtrw #####" 上部の情報を非表示にするletg:netrw_banner=0" 表示形式をTreeViewに変更するletg:netrw_liststyle=3"コードの色分け
syntax on"#####表示設定#####"行番号を表示するsetnumber" 新しいウィンドウを下に開くset splitbelow
" 新しいウィンドウを右に開くset splitright
  • Vim(左)、 Visual Studio Code(右)

trends    trends

とりあえず

見た目だけっぽくしてみました。
次は、開発で使ういろいろな機能も試してみようと思います、


Viewing all articles
Browse latest Browse all 5608

Trending Articles



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