Visual Studio Code

スポンサーリンク
Visual Studio Code

Visual Studio Code 行削除

Visual Studio Codeでは、行を丸ごと削除するには、ショートカットキーが便利です。 行削除ショートカットキー Ctrl+Shift+K デフォルト設定の場合、上記のショートカットキーで、 選択している行の内容を、一発...
Visual Studio Code

Visual Studio Code タブのスペース数を変更

タブのスペース数を変更 Visual Studio Codeで、タブを使うことはよくあると思いますが、 そのタブのスペースの数の設定の仕方を記載します。 ワークスペースのフォルダを右クリックして、 メニューから「...
Visual Studio Code

Visual Studio CodeでVue.jsを使う準備

Vue.jsで開発する場合、 Visual Studio Codeを使って開発することをオススメします。 Visual Studio Codeには、Vue.jsを使うための拡張機能が揃っているため、 Vue.jsを扱いやす...
Python

[Python] Visual Studio Codeでデバッグをしてる時にブレークポイントで止まらない現象

デバッグでブレークポイントで止めようと思ったときに止まらなかった経験があったのでそのメモ書きです。 下記のように、ブレークポイントで止めようとしましたが止まりませんでした。 止まらなかった理由は、ブレークポイント...
Django

[Django] Visual Studio CodeでDjangoを使うのに便利な拡張機能

Visual Studio CodeでDjangoを使う場合は、拡張機能をインストールしておくとお勧めします。 Baptiste Darthenaynの拡張機能がおすすめです。 メリット この拡張機能を入れておくと、htm...
Python

Visual Studio CodeでPythonを使う準備

こちらでは、VSCodeでPythonを扱うための準備を記述していきます。 VSCodeと、Pythonをインストールされてない場合は、以下のページを参考ください。 Visual Studio Code インストール ...
Visual Studio Code

Visual Studio Code テーマの変更

VSCodeのテーマは、ファイル>基本設定>配色テーマから変更することができます。 デフォルトで入っているもの以外のテーマを使いたい場合は、メニューからその他の配色テーマをインストールを選択して、お好みのテーマをインストールし...
Visual Studio Code

Visual Studio Code 便利なショートカットキー

ショートカットキーは、左下の歯車のメニューから確認することができます。 今回はデフォルト設定になっている便利なショートカットキーを紹介します。 基本 キー 機能 Ctrl+C コピー C...
Visual Studio Code

Visual Studio Code 画面

VSCodeの画面について説明します。 まず、左のアクティビティバーと呼ばれる所から説明していきます。 アクティビティバーのアイコンを選択すると7のサイドバーに操作できるスペースが表示されます。 1 エクスプローラー エクスプロ...
Visual Studio Code

Visual Studio Code ワークスペース

ワークスペースとは? ワークスペースは、作業場所という意味で、VSCodeではワークスペースに追加したフォルダをプロジェクトの作業場所とみて、フォルダ内のソースコード等の編集ができます。 ワークスペースの追加、削除はクリック操作で容...