Instalacja

CDN i środowisko online

Jeśli dopiero zaczynasz przygodę z JavaScript lub potrzebujesz prostego sposobu na rozpoczęcie pracy, możesz użyć Mithril.js z CDN (ang. Content Delivery Network, sieć dostarczania treści):

html

<script src="https://unpkg.com/mithril/mithril.js"></script>

Jeśli chcesz przetestować Mithril.js bez konfigurowania lokalnego środowiska, możesz skorzystać z interaktywnego środowiska online na stronie flems.io/mithril.

npm

bash

$ npm install mithril

Definicje typów TypeScript są dostępne w pakiecie DefinitelyTyped. Zainstaluj je za pomocą polecenia:

bash

$ npm install @types/mithril --save-dev

Tworzenie projektu lokalnie

Możesz wykorzystać jeden z kilku dostępnych szablonów startowych dla Mithril.js, takich jak:

Na przykład, aby rozpocząć pracę z mithril-esbuild-starter, wykonaj następujące polecenia:

bash

# Sklonuj szablon do wybranego katalogu
npx degit kevinfiol/mithril-esbuild-starter hello-world

# Przejdź do nowo utworzonego katalogu projektu
cd ./hello-world/

# Zainstaluj zależności
npm install

# Zbuduj aplikację i obserwuj zmiany w plikach
npm run dev

Szybki start z użyciem esbuild

Dokumentacja esbuild jest dostępna tutaj.

Zainicjuj katalog jako pakiet npm.

bash

$ npm init --yes

Zainstaluj wymagane narzędzia.

bash

$ npm install mithril
$ npm install esbuild --save-dev

Dodaj polecenie "start" do sekcji scripts w pliku package.json.

json

{
  "...": "...",
  "scripts": {
    "start": "esbuild index.js --bundle --outfile=bin/main.js --watch"
  }
}

Opcjonalnie, jeśli chcesz używać JSX, możesz dodać flagi --jsx-factory i --jsx-fragment do polecenia esbuild.

json

{
  "...": "...",
  "scripts": {
    "start": "esbuild index.js --bundle --outfile=bin/main.js --jsx-factory=m --jsx-fragment='\"[\"' --watch"
  }
}

Utwórz plik index.js.

javascript

import m from 'mithril';
m.render(document.getElementById('app'), 'hello world');

Utwórz plik index.html.

html

<!DOCTYPE html>
<body>
  <div id="app"></div>
  <script src="bin/main.js"></script>
</body>

Uruchom skrypt budowania.

bash

$ npm run start

Na stronie powinno pojawić się hello world.

Instalacja ​

CDN i środowisko online ​

npm ​

Tworzenie projektu lokalnie ​

Szybki start z użyciem esbuild ​

Instalacja

CDN i środowisko online

npm

Tworzenie projektu lokalnie

Szybki start z użyciem esbuild