Visual Studio Code

html・css

Visual Studio Codeでhtmlを使うための準備

Visual Studio Codeでhtmlを使うための準備 Visual Studio Codeのインストール まずは、VSCodeのインストールを行う。 VSCodeのインストールは下記サイト参照 VSCodeインスト...
Visual Studio Code

Visual Studio Code アウトライン

アウトライン導入 Visual Studio Codeでは、バージョン1.25から、アウトライン機能を使えるようになりました。 アウトラインとは アウトラインは、VSCodeにおいては、変数や入れ子構造になっている箇所を、わかりやすく...
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...