Instalace
CDN a online playground
Pokud s JavaScriptem teprve začínáte nebo potřebujete jednoduché nastavení pro první kroky, můžete Mithril.js získat z CDN:
html
<script src="https://unpkg.com/mithril/mithril.js"></script>Pokud si chcete Mithril.js vyzkoušet bez nutnosti nastavovat lokální prostředí, můžete snadno použít online playground na flems.io/mithril.
npm
bash
$ npm install mithrilTypové definice pro TypeScript jsou dostupné v balíčku DefinitelyTyped. Nainstalujte je pomocí:
bash
$ npm install @types/mithril --save-devVytvoření projektu lokálně
Můžete použít jednu z existujících šablon pro rychlý start s Mithril.js, například:
Pro začátek s mithril-esbuild-starter spusťte následující příkazy:
bash
# Naklonujte šablonu do zvoleného adresáře
npx degit kevinfiol/mithril-esbuild-starter hello-world
# Přejděte do adresáře nového projektu
cd ./hello-world/
# Nainstalujte závislosti
npm install
# Sestavte aplikaci a sledujte změny
npm run devRychlý start s esbuild
Dokumentaci k esbuild naleznete zde.
- Inicializujte adresář jako npm balíček.
bash
$ npm init --yes- Nainstalujte potřebné nástroje.
bash
$ npm install mithril
$ npm install esbuild --save-devPřidejte položku "start" do sekce
scriptsv souborupackage.json.json{ "...": "...", "scripts": { "start": "esbuild index.js --bundle --outfile=bin/main.js --watch" } }Pokud chcete používat JSX, můžete volitelně použít parametry
--jsx-factorya--jsx-fragments esbuild.json{ "...": "...", "scripts": { "start": "esbuild index.js --bundle --outfile=bin/main.js --jsx-factory=m --jsx-fragment='\"[\"' --watch" } }Vytvořte soubor
index.js.
javascript
import m from 'mithril';
m.render(document.getElementById('app'), 'hello world');- Vytvořte soubor
index.html.
html
<!DOCTYPE html>
<body>
<div id="app"></div>
<script src="bin/main.js"></script>
</body>- Spusťte bundler.
bash
$ npm run start- Na stránce by se mělo zobrazit
hello world.