厨房水槽布局凌乱 Framework7
Kitchen sink has a messy layout Framework7
我开始使用 Framework7,并且我已成功 运行 localhost:3000 上的厨房水槽。但是,它给了我这样的东西
谁能告诉我为什么?谢谢
您必须 运行 dist 文件夹中的 index.html 文件。不是来自厨房水槽。 Kitchen sink 是为了获得应用程序的额外(实用程序)功能。
Framework7使用gulp
构建开发(build)和dist版本
首先你需要有 gulp-cli
,你应该全局安装它。
$ npm install --global gulp
然后在 repo 的根目录中安装所有依赖项:
$ npm install
并构建 Framework7 的开发版本:
$ gulp build
结果在 build/
文件夹中可用。
Dist/Release
构建完成后:
$ gulp dist
可分发版本将在 dist/
文件夹中提供。
自定义构建
您可以构建自定义版本的 Framework7,只需要 components/modules。例如,如果除了 Framework 7 核心之外我们只需要包含 Accordion、Modals 和 Tabs 模块:
$ gulp custom -accordion,modals,tabs
之后,您会发现已创建 custom/
文件夹,其中包含生成的 JS 和 CSS 文件。以下是可用的附加模块列表:
我开始使用 Framework7,并且我已成功 运行 localhost:3000 上的厨房水槽。但是,它给了我这样的东西
谁能告诉我为什么?谢谢
您必须 运行 dist 文件夹中的 index.html 文件。不是来自厨房水槽。 Kitchen sink 是为了获得应用程序的额外(实用程序)功能。
Framework7使用gulp
构建开发(build)和dist版本
首先你需要有 gulp-cli
,你应该全局安装它。
$ npm install --global gulp
然后在 repo 的根目录中安装所有依赖项:
$ npm install
并构建 Framework7 的开发版本:
$ gulp build
结果在 build/
文件夹中可用。
Dist/Release
构建完成后:
$ gulp dist
可分发版本将在 dist/
文件夹中提供。
自定义构建
您可以构建自定义版本的 Framework7,只需要 components/modules。例如,如果除了 Framework 7 核心之外我们只需要包含 Accordion、Modals 和 Tabs 模块:
$ gulp custom -accordion,modals,tabs
之后,您会发现已创建 custom/
文件夹,其中包含生成的 JS 和 CSS 文件。以下是可用的附加模块列表: