安装

CDN 和在线实验场

如果你是 JavaScript 新手，或者只是想用最简单的方式快速上手，可以通过 CDN 引入 Mithril.js：

html

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

如果你想在无需配置本地环境的情况下体验 Mithril.js，可以使用 flems.io/mithril 提供的在线实验场。

bash

$ npm install mithril

Mithril.js 的 TypeScript 类型定义文件可以通过 DefinitelyTyped 获取。使用以下命令安装：

bash

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

你可以使用一些现有的 Mithril.js 启动模板，例如：

例如，如果你想使用 mithril-esbuild-starter 作为起点，请执行以下命令：

bash

# 克隆模板到指定目录
npx degit kevinfiol/mithril-esbuild-starter hello-world

# 进入新创建的项目目录
cd ./hello-world/

# 安装依赖
npm install

# 构建应用并监听文件更改
npm run dev

esbuild 的文档可以在这里找到。

bash

$ npm init --yes

bash

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

在 package.json 文件的 scripts 部分添加 "start" 脚本。

json

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

可选：如果需要使用 JSX，可以将 --jsx-factory 和 --jsx-fragment 标志与 esbuild 一起使用。

json

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

javascript

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

html

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

bash

$ npm run start