参考サイト: https://vue-ts-composition.vercel.app/
AmplifyのURL : https://main.d30567b532xbkb.amplifyapp.com/
コーディング規則:
- 使用言語は TypeScript です。
- フレームワークは Svelte を使用。
- インデントは半角スペース2個にしてください。
システム要求:
- 参考サイトと同じ機能のサイトを Svelte で構築はい)
- カウント増減、リセット機能
- カウンタ追加・削除機能
- 各カウンターのタイトル設定機能
Video_2023-11-15_220347.mp4
依存関係をインストールする
cd svelte-app
npm install
そして、[Rollup] (https://rollupjs.org) を開始します。
npm run dev
localhost:5000 に移動します。 アプリが動いているのがわかります。 src` 内のコンポーネント ファイルを編集して保存し、ページを再ロードして変更を確認します。
デフォルトでは、サーバーはローカルホストからのリクエストにのみ応答します。 他のコンピューターからの接続を許可するには、package.json の sirv
コマンドを編集し、オプション --host 0.0.0.0
を含めます。
Visual Studio Code (https://code.visualstudio.com/) を使用している場合は、公式拡張機能 [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte .svelte-) をダウンロードできます。 vscode)。 インストールすることをお勧めします。 別のエディタを使用する場合は、構文の強調表示とインテリジェンスを取得するためにプラグインのインストールが必要になる場合があります。
アプリの最適化されたバージョンを作成します。
npm run build
新しく構築したアプリは「npm run start」で実行できます。 この場合、sirv を使用します。