【VSCode】VSCodeにGitHub Copilotを導入
先日、RStudioにGitHub Copilotを入れて、かなり使いやすいと感じたので、 （順番が逆ですが）VS Codeにも導入することにしました。 以下、導入方法と使い方についてまとめておきます。 事前準備 事前準備として必要なこと VS Codeのインストール GitHub Copilotを サブスクリプション GitHub Copilotのサブスクリプションの方法は下記参照。 GitHu […]
CATEGORY
VSCode
【VSCode】正規表現を使って置換
例えば、下記のようなコードで、 省略された小数点3桁目が「0」の場合にその「0」を追加したいと思った場合。 何万字の中から一つ一つ見つけ出して置換していくのは大変。 そんなときは正規表現を使ってサクッと置換する。 正規表現で検索 「Ctrl + F」で検索窓を出す。 検索窓の右側に正規表現のボタンがある。 ちなみに左から、 大文字と小文字を区別 単語単位で検索 正規表現を使用 のボタンになっている […]
Visual Studio Code で R の実行環境を整える
RStudio は、R の IDE として大変使いやすいけれど、マルチカーソルがちょっと使いづらい…… とゆーことで、VSCode で R を動かせるように設定した時の備忘録。 必要なインストール類は下記。 ＜必須＞ R Visual Studio Code VS Code 拡張機能：R (by Yuki Ueda) ＜入れるべき＞ VS Code 拡張機能：R LSP Client (by RE […]
【VS Code】複数のPC間で設定・スニペット・拡張機能 etc. を同期する
VS Code Ver.1.48 でリリースされた、公式の設定同期機能「Settings Sync」が凄く使いやすいと思ったので、書き留めておきます。 VS Code 「Settings Sync」で必要なもの 端末 VS Code GitHub か Microsoft のアカウント 以上。 同期が可能なもの 2021年6月の時点で同期可能なものは、 設定 キーボードショートカット ユーザースニペ […]
【VSCode】Emmetを使う
VSCodeを使用する際、 マルチカーソル Emmet Snippet の3つを使うか使わないかで、全然効率が違うと思う。 前回、Snippetの書き方をまとめたので（こちら）、 今回はEmmetの備忘録。 Emmetとは Emmetは、Syntax, HTML, CSSなどを省略記法で簡潔に記述するためのコード。 指定された形式で記入すれば、VSCodeが判断して補完してくれる。 私はHTMLし […]
【VSCode】自動整形
VSCodeで自動整形するときの備忘録。 自動整形のショートカット 自動整形（auto formatting）のショートカットは、 Windowsの場合：Alt + Shift + F Macの場合：Shift + Option + F Linuxの場合：Ctrl + Shift + I ※v.1.6からはデフォルトで自動整形機能が搭載されているが、それより以前のVer.でフォーマッターがインスト […]
【VS Code】ショートカットキー
Visual Studio Code のショートカットキーの備忘録。 随時更新予定 一般 目的 ショートカットキー コマンドパレットの表示 Ctrl + Shift + P ファイル名を指定して開 Ctrl + P 新しいウィンドウを開 Ctrl + Shift + N ウィンドウを閉じ Ctrl + Shift + W ユーザー設定を開 Ctrl + , キーボードショートカット一 Ctrl + […]
WordPressの原稿をVSCodeで書くための設定いろいろ
私はブログの記事作成に、しばらくWordPressのエディタを使っていたのですが、 特定の条件で動作が遅くなったり、自動フォーマットの修正に時間をとられたり、マルチカーソルが使えなかったりと、少々使いにくいところがあったので、 VS Code でリアルタイムプレビューしながら記事を作成（定型文はスニペットを利用） ↓ 作成した記事を WordPress のエディタ画面に貼る ↓ 微調整 […]
【VS Code】2つのファイルを比較
VS Code で、2つのファイルを比較し、差分をハイライトする方法 ↓ 差分表示 (diff) 1. 最初に、比較したいファイルを VS Code で開いておく 2. 「Ctrl + P (or 表示 → Command Palette…）」 3. 入力欄に、「compare」と入力して、「Compare Active File With…」を選択 （「Compare A […]
【VSCode】リアルタイムプレビュー：CSSを反映させる方法も
VSCodeでHTMLのリアルプレビューを可能にする拡張機能 「HTML Preview」 がとても便利だと思ったので、備忘録。 HTML Previewの大まかな使い方 1. Ctrl + Shift + x (Extensions) -> HTML Previewを検索し、インストール 2. 一度htmlファイルを保存（保存していないとプレビュー表示されない） […]