Vue.js 超入門3.4+ 第2章 VSCodeの設定

https://scrapbox.io/files/66812ac240163e001db7bdf2.png

第2章 VSCodeの設定

code .コマンドでVSCodeが開くように設定

code:sh

# アプリケーションのあるフォルダで実行

code .

拡張機能のインストール

Vue Extension Box

Prettier, ESLint, Auto Rename Tagなど9つの拡張機能が同時にインストールされる

Prettierの設定

htmlはダブルクォーテーション、jsはシングルクォートの設定にした

Prettier: Single Quoteにチェックを入れた

VSCodeの設定はユーザー: VSCode全体、ワークスペース: 今開いているプロジェクトのみの設定

VSCodeにおけるワークスペースとは、プロジェクトや関連する一連のファイルやフォルダーを一つの単位としてまとめた環境のこと

ワークスペースには設定ファイル（.code-workspace）があり、エディタの設定、拡張機能、デバッガ設定などが保存され、プロジェクト間で共有できる

ワークスペースを使用することで、複数のプロジェクトを効率的に管理し、各プロジェクトに固有の設定を適用することができる