Tag: tooling
6 items with this tag.
LiteratureNotes
Tooling - Vue開発環境とツールチェーン
Vue 3 の SFC 中心開発を支えるツール群を整理する。Vite, IDE, Devtools, TypeScript, lint, format, testing, 下位パッケージの役割を実務判断軸とともに記録する。
LiteratureNotes
Single-File Components - Vueコンポーネントの標準単位
Vue Single-File Components (SFC) の役割、ビルド時の変換、関心の分離の考え方、そして実務での位置づけを整理したノート。Vue 3 における `.vue` ファイル中心の開発体験を、Composition API 前提でまとめる。
LiteratureNotes
Using Vue with TypeScript - 型付き開発基盤の全体像
Vue 3 で TypeScript を利用する際の開発基盤全体像を整理する。Vite と型チェックの分業、SFC と template への型適用、tsconfig の要点、Composition API を中心とした実務上の前提をまとめる。
LiteratureNotes
Async Components - 必要時にコンポーネントを遅延ロードする
Vue.js の Async Components による lazy loading を整理する。defineAsyncComponent, dynamic import, loading/error state, lazy hydration, Suspense との関係、および実務での採用判断をまとめる。
LiteratureNotes
Component Registration - グローバル登録とローカル登録
Vueコンポーネントを利用可能にする登録方法として、global registration と local registration の違い、および <script setup> における実務的な使い方を整理する。名前付け規則と保守性の観点も含めて記録する。
LiteratureNotes
Vue.js Quick Start - プロジェクト作成と環境構築
Vue.js 3プロジェクトの作成方法。npm create vue@latestによるVite + SFC構成のプロジェクト生成、CDN版の3つの使い方（Global Build / ES Module / Import Maps）、ビルドなし環境でのモジュール分割を扱う。