fireship.io - Phoenix 是一个用 Elixir 编写的 Web 开发框架,它实现了服务器端模型视图控制器 (MVC) 模式。它的许多组件和概念对于我们这些具有其他 Web 框架(如 Ruby on Rails 或 Python 的 Django)经验的人来说似乎很熟悉。

Created at: 2019-01-08 01:18:27
Language: Svelte

消防船

消防船PRO课程平台前端由斯维尔特, tailwind ,雨果,火力基地和火焰喷射器建造。

贡献

所有静态内容都由 Hugo 在 dir 中进行管理。你可以通过直接在 GitHub 中修改降价来轻松修复拼写错误。

content

如何运行它

首先,安装 Hugo 扩展版本或更高版本。

0.101.0

git clone <this-repo>
npm install
npm start

在 上检查它。

http://localhost:6969/

开发组件

在目录中创建一个 Svelte 文件。它必须具有自定义元素标记。

app/components

<svelte:options tag="hi-mom" />

<script>
    export let greeting: string;
</script>

<h1>Hi Mom! {greeting}</h1> 

从 导出组件:

app/main.ts

export * from './components/hi-mom.svelte';

现在,你可以在 HTML 或“标记”中的任何位置使用它。

<hi-mom greeting="i made a web component"></hi-mom>

注意:Svelte Web 组件的一个奇怪警告是,所有样式都必须封装。你可以使用 tailwind ,但只能在组件中使用。全局样式将不起作用。

@apply

命令

  • npm start
    :主开发服务器。运行你需要的一切。
  • npm run dev
    :孤立运行组件。作为组件的游乐场。
    app/index.html
  • npm run hugo
    :仅运行静态站点。
  • npm run build
    : 为生产而构建