消防船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: 为生产而构建