事前準備⚓︎

ローカル開発環境の構築⚓︎

ローカル開発環境の構築について ローカル開発環境の構築 を参照し、最低限必要なソフトウェアをインストールしてください。

Visual Studio Code の拡張機能インストール⚓︎

Visual Studio Code を利用する場合、フロントエンドアプリケーションの開発のために以下の拡張機能をインストールします。

• Vue - Official

  Vue.js アプリケーションの開発に推奨されている拡張機能です。 詳細は 公式ドキュメント を参照してください。

• ESLint

  TypeScript のコード品質を向上させるための拡張機能です。 リアルタイムでのコードのエラーを検出する機能を提供します。

• Stylelint

  CSS のコード品質を向上させるための拡張機能です。 リアルタイムでのコードのエラーを検出する機能を提供します。

• Prettier - Code formatter

  EditorConfig と連携して、統一したスタイルにコードを整形する機能を提供します。

• language-postcss

  CSS で記述されたコードの可読性を向上させる機能を提供します。 また、 Stylelint と連携することで、 CSS のコードのエラーを検出できます。