Svelte　環境構築編

2021年5月19日

ReactやVueの次に流行るかもしれないSvelteの開発環境の構築方法です。

インストール

以下のコマンドを実行します。これだけでsvelteプロジェクトに必要なテンプレートがmy-svelteディレクトリにコピーされます。

npx degit sveltejs/template my-svelte

cdコマンドで作成したディレクトリに移動します。

cd my-svelte

必要なモジュールをインストールします。

npm install

開発環境の起動とアクセス

インストールが完了したら、以下のコマンドを実行します。

npm run dev

デフォルトでは5000ポートで起動するので、ブラウザで http://localhost:5000/ にアクセスします。

以下のような画面が表示されれば環境構築は完了です。