#js #web #spa

elvis-shared

Evlis 共享库

显示包…

2 个版本

0.1.1 2020年7月5日
0.1.0 2020年7月4日

#33 in #spa

MIT 许可证

17KB
468

  • 准备将 elvis.jselvis-web 合并到这个仓库中。
  • 重新编写 rust.cc 的网页客户端...

呼叫 Elvis 🦀 🕸 🎸 📡 🚀 🪐 🛰

Rust crate doc downloads LICENSE

有人在吗?

众所周知,Elvis 是一位著名的摇滚明星,他不仅是一位著名的摇滚歌星,还写了一首名为 Calling Elvis 的歌曲,这首歌激发了不知名的摇滚明星写下这些和弦。

现在,摇滚明星 Elvis 将再次崛起,超越互联网——真正属于你的 wasm 网页库,🦀 + 🕸 => 💖

The Evlis Book 主要介绍了 calling-elvis 的用法,如果您想使用 低级 api rusting 网页,请查看 elvis 的 rust 文档

目标 🎯

使用 wasm 绑定在 纯 rust 或javascript 中编写网页,无需 jsx其他 复杂语法,当然,也不编写 htmlcss

开始神奇的神秘之旅! 🌈

🧙‍♂️ 🤹‍♂️ 我们出发吧!卷起,卷起,为了神秘之旅,神秘的神秘之旅正等着带你离开!希望带你离开!来带你离开!渴望带你离开,今天带你离开! 🛸

🎻 让我带你走进,因为我将,

Rust

use elvis::widgets::{layouts::Center, Text, TextStyle},
use elvis_web::Widget;
use wasm_bindgen::prelude::*;

#[wasm_bindgen(start)]
pub fn run() {
    let mut center = Widget::new(Center {
        child: Text {
            text: "Pink is the Pig!".into(),
            style: TextStyle::default(),
        }
        .into(),
    });

    center.calling().unwrap();
}

JavaScript

import { Colors, Elvis, Text } from "calling-elvis";

const Home = Text("Pink is the Pig!", {
  bold: true,
  italic: true,
  size: 10,
  color: Colors.PinkAccent(),
});

new Elvis({
  home: Home,
}).calling();

草莓田野 🧑‍🚀

21世纪精神分裂魔法 🍩

Rust

$ cargo install epm
$ epm
epm 0.0.2

USAGE:
    epm <SUBCOMMAND>

FLAGS:
    -h, --help       Prints help information
    -V, --version    Prints version information

SUBCOMMANDS:
    dev     Start develop server
    help    Prints this message or the help of the given subcommand(s)
    init    Create a new elvis package in an existing directory
    new     Create a new elvis package

$ epm new my-awesome-project
$ cd my-awesome-project && epm dev

JavaScript

$ yarn create elvis-app
 What is your project named? … my-awesome-app
[ info ] Generating elvis files ...
[ wait ] Installing elvis dependencies ...
[ done ] Let's Roll up for the Magical Mystery Tour!

   ┌─────────────────────────────────────────────────────────────┐
   │                                                             │
   │   Success! Created my-awesome-app at:                       │
   │                                                             │
   │     /path/to/my-awesome-app                                 │
   │                                                             │
   │   Inside that directory, you can run several commands:      │
   │                                                             │
   │     - yarn dev:    Starts the development server.           │
   │     - yarn docs:   Open The Elvis Book.                     │
   │     - yarn build:  Builds my-awesome-app for production.    │
   │     - yarn start:  Runs my-awesome-app production mode.     │
   │                                                             │
   │   We suggest that you begin by typing:                      │
   │                                                             │
   │     - cd my-awesome-app                                     │
   │     - yarn dev                                              │
   │                                                             │
   │                                                             │
   └─────────────────────────────────────────────────────────────┘

许可证

伤心旅馆。

无运行时依赖

特性