Skeleton Components

骨骼

启动您的前端开发。骨架是在ROSID上建立的HTML5样板。

内容

• 特征
• 要求
• 设置
• 如何使用
  • 发展
  • 编译
  • UI
• Docker
• 故障排除

特征

• 骨骼是所有日常网络项目的基础。跳到启动您的工作并发展而不从零开始。您需要一个分叉的一切。
• 该项目由ROSID提供动力，Rosid是一家具有及时预处理的Web服务器。 JS（与Babel，uglifyjs一起），Sass（与CSSNANO，AUTOPREFIXER）和Nunjucks可以立即使用。
• 骨骼仅仅是开始。分叉并将其扩展到您自己的需求。预定义的结构为您提供了灵活性，并且可以轻松修改。

要求

骨骼依赖人…

• node.js（v8.5.0或更新）
• 纱

确保在分叉和设置骨架之前安装和更新所有依赖项。

设置

在开始开发之前，请使用纱线安装所有必需的依赖项。

yarn install

如何使用

发展

开始使用以下命令来开发。您将打开浏览器，在更新文件时立即等待代码更改并立即实时填充。 JS，Sass和Nunjucks将在即时编译。

yarn start

编译

准备黄金时段了吗？导出所有文件，并为您的受众准备并准备好。简单地将最终dist/文件夹上传到服务器并放松。坐下来，享受您最喜欢的餐厅的美味汉堡。

yarn run compile

UI

骨骼包括Malvid，可帮助您构建和记录Web组件。在浏览器中启动开发服务器并打开/index.html 。可以在rosidfile.js中更改UI的路径。

Docker

随附的Dockerfile允许您构建一个编译网站的图像。在这种情况下，仅需要在系统上安装Docker。无需其他依赖。

建造

从Dockerfile构建图像。每次修改项目时，都必须完成此操作。新来源将复制到图像中。

docker build -t electerious/skeleton .

编译

启动一个容器以编译您的网站。完成所有任务后，容器将自动退出。安装的卷将包含所有编译的文件。

docker run --rm -tv " $( pwd ) /dist:/dist " electerious/skeleton

故障排除

• 安装最新版本的node.js和纱线
• 删除node_modules并重新安装所有依赖关系
• 检查项目是否取决于最新版本的ROSID
• 尝试使用随附的Dockerfile编译网站