Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

もくじ
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で貼り付けする

おわり

tera1707
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away