VSCodeで始めるVim - Qiita
※本記事で言う「Vim」とは「Vimキーマップ」のことです。 Vim、使ってますか？ Vimって使ったことのない人からすると何がいいのかよくわからないですよね。特に「移動はhjklで行う」あたりが最高に意味不明でした。 私もつい最近まではなんで皆vimにこだわるんだと思っていた口です。別に無くてもいいじゃないかと。 しかし、物は試しということで1週間ほど使ってみたら……びっくりするほど手に馴染みました。 まだ2か月程度しかVimを使っていない小学生ですが、それでも以前と変わらない速度で編集できています。また、マウスやカーソルキーに手を伸ばす機会が減り、他のマウス必須な操作をキーボードで行えるようにカスタマイズするきっかけにもなりました。 そんなわけでVimが思ったより良かったこと、そしてVim入門にはVSCodeが向いているんじゃないかと感じたことから、何番煎じかわからないですがこの記事を
vscodeの背景にカバー画像を表示できる拡張機能background-coverについて - Qiita
前回、vscode-backgroundの背景画像をフォルダから選択＆ランダム表示するカスタマイズ方法について書いたのですが、10月中旬に背景画像が表示できる別のvscode拡張機能が出たみたいなので紹介したいと思います。 今回紹介するbackground-coverを使用すると このように画面いっぱいに背景画像を置くことができる様になります。 このタイプの表示機能が欲しかったっていう人も多いんじゃないでしょうか。 画像の透過加工をしなくてもいいので気軽に変更しやすくなりました。 18/11/8 プルリクで送った内容がアップデートされました。 画像フォルダのパスを設定すると、リスタートのコマンド実行時にランダムで背景画像を切り替える事が出来ます。 気に入った画像を一つのフォルダに収集し、パス指定をせずに気分転換が可能になりました。 19/06/10 2系にアップデートされて、コマンドでのラ
VS Code上でHTTPリクエストを送信し、VS Code上でレスポンスを確認できる「REST Client」拡張の紹介 - Qiita
概要 Visual Studio Code（以下VS Code）の拡張機能であるREST Clientが便利だったのでその紹介です。 使い方を文字とgifで説明していきます。 説明はマーケットプレース以上の情報を足していないので、英語に抵抗がなければ公式ページを照会してください。 REST Clientとは VS Code上でHTTPリクエストを送信し、VS Code上でレスポンスを確認できるVS Codeの拡張機能です。 マーケットプレースのREST Clientのページでインストールボタンをクリックするか、VS Codeの拡張機能アイコンをクリックして「REST Client」を検索してインストールボタンをクリックするかで使用できます。 文字だけではイメージし辛いかもしれないので、gifで見てみましょう。 左側のタブがリクエスト、右側のタブがレスポンスです。 ブラウザの拡張機能を使うで
[VSCode] REST Client は変数を使うとAPIの環境やパラメータ変更が楽になる！ | DevelopersIO
Visual Studio Codeの拡張機能「REST Client」は、エディタからHTTPリクエストを発行できます。このとき、様々な変数が使えるため、環境毎（開発・本番など）のAPI切り替えなどを便利に扱えます。 API Gatewayで作成したAPIの動作を確認するとき、何らかのRESTクライアントを使うと思います。 curlコマンド Postman Insomnia REST Client Chromeの拡張機能 など 今回は、私が使っているVisual Studio Codeの拡張機能を紹介します。特に変数が使えるため、APIの環境（開発・本番など）やリクエストパラメータの変更がとても楽に行えます。 REST Client - Visual Studio Marketplace おすすめポイント たくさんあるので、抜粋してご紹介します。 テキストファイルで管理できる 複数のリク
![[VSCode] REST Client は変数を使うとAPIの環境やパラメータ変更が楽になる！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/b3a3cd126b780dcd4cdffcaa7d018424e8c697cb/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F06%2Fvscode-2019-eyecatch-1200x630.png)
「AWS Toolkit for Visual Studio Code」正式版がリリース。AWS Lambdaのステップ実行、ローカルデバッグなど可能に
AWSはオープンソースとして開発されているコードエディタVisual Studio Codeの拡張機能として、これまでプレビュー公開されていた「AWS Toolkit for Visual Studio Code」が正式版になったことを発表しました。 AWS Toolkit for Visual Studio Codeと、AWS Command Line Interface（AWS CLI）やDockerなどを組み合わせることで、サーバレスコンピューティング環境であるAWS Lambdaのローカル環境でのステップ実行やブレークポイントの設定などのデバッグ操作などが可能になります。 そして開発したアプリケーションをAWSの任意のリージョンへのデプロイもVisual Studio Codeから手軽に行えるようになります。 AWS Lambdaのローカルデバッグが可能 AWS Toolkit f
Visual Studio Codeの背景を透過する(Windows版) - Qiita
結論 拡張機能GlassIt-VSCを使えばできます。 やりかた Windowsを用意します。Macしか無いならばこの機会に買いましょう。 VSCodeをインストールします。 VSCodeの拡張機能GlassIt-VSCをインストールします。 おわり。 環境 VSCode 1.19.1 x64 Windows 10 Pro Insider Preview 10.0.17025.0 Insider Previewである必要は特に無いと思いますが、GlassIt-VSCはWindows7以降でないと動作しないようです。 拡張機能のインストールと設定 VSCodeのコマンドパレットを起動(Ctrl+Shift+P)して>Install ExtensionsからGlasslt-VSCをインストールします。 コマンドパレットで>Open User Settingsして、settings.jsonにg
インストールするだけでVSCodeをカッコよくする拡張4つ - Qiita
私と同じVSCode初心者は、とりあえず下記をインストールしておけばOKだと思います！ Dracula Theme Material Icon Theme Indent Rainbow Bracker Pair Colorizer 1. Dracula Theme まずはこれ。Dracula Themeです。 これを入れればシンタックスハイライトが変わり、かなり雰囲気が良くなります。デフォルトのハイライトだと特別感が少ないので、本当におすすめです。 追記：Dracula以外のおすすめThemeをこちらにまとめています。よかったら見てください。 VSCodeをカッコよくするTheme拡張7つ GitHub https://draculatheme.com 2. Material Icon Theme Material Icon Themeを使うと、ファイルアイコンをマテリアルデザインにできま
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
言語やフレームワークによらない、オススメの汎用的な拡張機能をまとめました。 Tipsは**ここ**から。 拡張機能 24 選 1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出
Vim使いがVSCodeを始める例
Vimに比べるとVSCodeのほうが引き継ぎのときに楽なのではと思い立ちVSCodeをはじめてみます。 エディタに求めていること 素VSCodeを眺めて普段エディタに求めている最低限のことについて考えてみます。 基礎として理解しておきたい部分 プラグイン機構 プラグインでできることと設定でできることの境目 求めること Vimキーバインド File Tree(トグル、ファイルオープン) Gitプラグイン(コマンドラインのインターフェースがあると良さそう) コードハイライト 入力補間 画面分割 コマンドラインインターフェース(makeなどそのまま叩く) しかし大事なのは余り複雑にしないことかもしれない。 (後述しますがIntegrated Terminalを使うことでgitコマンドやmakeなど普段Terminalで実行しているコマンドは全て実行することができます) 基本設定 ユーザー設定でフ
割と突き詰めてやったvim→vscode移行 - Qiita
導入、動機 今まではvimをメンテナンスして開発してきました。 vscodeの話をされてもそんなのvimmerには関係ないと思っていました。 まぁそれでもこれだけvscodeが盛り上がっているのに食わず嫌いはよくないと思い使って見たところ、、、 VSCODE最高! って感じになりました。 vimのkeybindは?どこまで移行できる? あとは割と重要なことなのですがvimのkeybindをどこまで反映できるかというところが重要です。 今までruby mineだったり、atomも使って見たことはあるのですが 納得のいくほどvimのkeyを移行することができなかったので 結局vimを使うことになってました。がしかし、vscodeはかなり痒いところに手が届く気がします。 installするvim拡張 vscodevim ## よくやる基本設定 { //fontsizeを小さく "editor.f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VSCode(Visual Studio Code)をメモ帳として使える拡張機能「VSNotes」が便利 | カレリエ