もた日記

くだらないことを真面目にやる

Visual Studio Codeメモ : Tips and Tricksを確認する(2)

  • Editing hacks
  • IntelliSense
  • Snippets
  • Git integration
  • Debugging
  • Task runner
  • Portable mode
  • Insiders build

※Windows 10、Visual Studio CodeのVersion1.39で確認

code.visualstudio.com

Editing hacks

Editing hacksはマルチカーソルなど編集効率を上げる方法の紹介。

  • Alt+Click : マウスでマルチカーソルを追加
  • Ctrl+Alt+↑/↓ : 上/下にマルチカーソルを追加
  • Ctrl+Shift+L : カーソルがある文字列を全て選択
  • Ctrl+D : カーソルがある文字列を順番に選択
  • Shift+Alt : マウスで矩形選択
  • Ctrl+Shift+Alt+↑/→/↓/← : 矩形選択
続きを読む

Visual Studio Codeメモ : Tips and Tricksを確認する(1)

  • Basics
  • Command Line
  • Status Bar
  • Customization
    • Change your theme
    • Change your keyboard shortcuts
    • Tune your settings
    • Add JSON validation
  • Extensions
  • Files and folders

※Windows 10、Visual Studio CodeのVersion1.38で確認

code.visualstudio.com

Basics

Basicsは基本的な操作の説明。

  • 「Help」→「Interactive playground」で代表的な機能を試すことができる
  • Ctrl+Shift+P : コマンドパレットを表示
  • コマンドパレットには右側にキーボードショートカットも表示される
  • Ctrl+K Ctrl+R : キーボードショートカットリファレンスを表示
  • Ctrl+P : クイックオープン(さらに?でヘルプ表示)
  • クイックオープンではでバックグラウンドで表示
続きを読む

Visual Studio Codeメモ : 対話型プレイグラウンドで代表的な機能を試す

  • Multi-cursor Editing
  • IntelliSense
  • Line Actions
  • Rename Refactoring
  • Formatting
  • Code Folding
  • Errors and Warnings
  • Snippets
  • Emmet
  • JavaScript Type Checking

※Windows 10、Visual Studio CodeのVersion1.38で確認

Welcomeページの「Interacitve playground」または「Help」→「Interactive playground」で表示される対話型プレイグラウンドではVisual Studio Codeの代表的な機能を試すことができる。

f:id:wonder-wall:20191006163634p:plain

続きを読む

Visual Studio Codeメモ : インターフェイスの概要とキーボートショートカット

  • インターフェイスの概要
  • キーボードショットカット

※Windows 10、Visual Studio CodeのVersion1.38で確認

インターフェイスの概要

Visual Studio Codeをなんとなく使っていたが、基本的なことを理解していなかったりするので公式ドキュメントを見ていく。
まずはWelcomeページから(Welcomeページは「Help」→「Welcome」で表示できる)。

f:id:wonder-wall:20191006155115p:plain

続きを読む

Vimメモ : Neovimで開発環境を段階的に構築する(7)コメントアウト、Undo、カーソル移動など

  • コメントアウト
  • Undo
  • カーソル移動
  • 囲み文字の編集
  • 自動で閉じ括弧
  • まとめ

今回は開発するときにあると便利な比較的ユーザ数が多いプラグインを紹介していく。

コメントアウト

コメントアウトをサポートするプラグインとしては下記が挙げられる。

Repository スター数
scrooloose/nerdcommenter 3367
tpope/vim-commentary 2588
tomtom/tcomment_vim 1010

例えばvim-commentaryの場合は、gccと入力すると現在行をコメントアウトし、ビジュアルモードで行選択してからgcと入力すると選択行をコメントアウトできる。そして、コメントアウトされた行に対して実行すればコメントアウトを解除できる。

Plug 'tpope/vim-commentary'
続きを読む