1

我是Metalsmith的新手。我正在寻找在windows8中配置它。之前我使用的是Grunt js，它可以轻松快速地配置（给出干净简单的步骤）。我将Jade和Sass与 Grunt js 一起使用，这是我一直用于网页的非常有用的工具。现在我想在 Metalsmith 中尝试 Jade 和 Sass。我尝试了一个教程和一些 youtube 视频。还是没有收获。任何简单步骤的帮助将不胜感激。提前致谢。

注意：我尝试安装 Metalsmith，我的目录结构是

目录结构

我不确定如何保存jade & sass 文件并构建或编译。

4

1 回答 1

5

是的，配置非常简单。但是我们需要了解文件夹结构。下面是我的目录结构。

    新项目

    + 构建
    + 节点模块
    + 源代码
      index.js

如果我们展开目录，它看起来像

    新项目

    - 建造
       + CSS
       + 图片
       + 脚本
       主页.html
    - 节点模块
       + .bin
       + 金属匠
       + 铁匠玉
       + 金属匠萨斯
    - 源代码
       + CSS
       + 图片
       + 脚本
       家玉
      index.js

配置步骤：

您需要在计算机中安装 node/npm。如果您想现在安装它们，请单击此处查看网站

步骤 1：在 Windows 资源管理器中创建一个名为 newproject 的文件夹

步骤2：打开命令提示符并转到指定的文件夹路径

第三步：在命令提示符下输入 npm install metalsmith 来安装 Metalsmith

例如：

C: \newproject>npm install metalsmith

第 4 步：在命令提示符下键入 npm install metalsmith-sass 以安装 Metalsmith Sass 插件

例如：

C: \newproject>npm install metalsmith-sass

第 5 步：在命令提示符下键入 npm install metalsmith-jade 以安装 Metalsmith Jade 插件

例如：

C: \newproject>npm install metalsmith-jade

所有安装将自动在目录“node_modules”中完成（安装期间将创建“node_modules”文件夹）。

第 5 步：创建一个名为 index.js 的文件

我们需要创建变量并调用 index.js 中的插件。

    var Metalsmith = require('metalsmith'),
        玉 = 要求（“金属匠玉”），
        sass = require('metalsmith-sass');

    金属匠（__dirname）
        .destination('./build')    
        .use(玉())
        . 使用（萨斯（{
            输出样式：“扩展”
        }))    
        .build（函数（错误，文件）{
            if (err) { 抛出错误；}
        });

完成这些配置步骤后，在'src'目录中创建你的jade和sass文件，一旦你通过键入“node index.js”运行文件，你将在'build'目录中获得html和css文件的输出。

如果有人有任何问题，请告诉我！:)

于 2015-06-03T07:55:37.563 回答