9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[VSCode] クリップボードにある画像を直接貼り付けできるようにする

Posted at

もくじ
https://qiita.com/tera1707/items/4fda73d86eded283ec4f

やりたいこと

VSCodeで手順書などを書く際、画像を貼りたいときがある。
いちいち画像ファイルを作成して、mdと同じところに保存して、mdの中にパスを書く、とかしたくないので、なにか便利な方法がないか?

やり方

Paste ImageというExtensionを使用する。
https://marketplace.visualstudio.com/items?itemName=mushan.vscode-paste-image

image.png

これをインストールして、クリップボードに画像がある状態でCtrl + Alt + Vを押すと、mdファイルと同じ階層に張り付けた画像が保存され、mdにもそのパスが入力される。

自分の使い方(Windows10 19H1時点)

  • Ctrl + Win + Sで、画面キャプチャする

  • 画面右下に「切り取り領域がクリップボードに保存されました」が出るので、表示が出ている間にそこをクリック

  • image.png

  • 「切り取り領域とスケッチ」画面が出るので、手書きでメモなどを追記し、Ctrl + Cでコピー

  • image.png

  • それをVSCodeでCtrl + Alt + Vで貼り付けする

おわり

9
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?