无玉快递发电机答案

【问题标题】：Express Generator Without Jade无玉快递发电机
【发布时间】：2015-08-18 11:41:23
【问题描述】：

我正在尝试使用 express 生成器生成一个 express 骨架。所以应该是这样的：

$ npm install express-generator -g

但是，它添加了一堆自动玉文件。

我想知道是否有办法摆脱那些玉文件，只使用 html 和 express 生成器

谢谢！

【问题讨论】：

标签： html node.js express pug

【解决方案1】：

如果您不使用视图引擎，只需键入：

express --no-view

您可以在使用或不使用服务器渲染之后添加引擎。

【讨论】：

这对我有用：npx express-generator someFolderName --no-view

【解决方案2】：

尝试在命令提示符下运行此命令：

express --help

它会给你快速生成器帮助：

  Usage: express [options] [dir]

  Options:

    -h, --help          output usage information
        --version       output the version number
    -e, --ejs           add ejs engine support
        --hbs           add handlebars engine support
        --pug           add pug engine support
    -H, --hogan         add hogan.js engine support
        --no-view       generate without view engine
    -v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
    -c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git           add .gitignore
    -f, --force         force on non-empty directory

^{⚡来源：https://expressjs.com/en/starter/generator.html}

以上选项为您提供“视图引擎”列表。

现在，只需输入：

express -{您选择的视图引擎}

例如使用`express -e`:

这会将EJS 引擎设置为您的视图处理程序并删除jade。 EJS 具有 HTML 的外观和感觉，并增加了通过其模板系统注入值的能力。

【讨论】：

【解决方案3】：

您可以查看文档Express-Generator。

你可以通过 express -h 看到 express 生成器支持的视图引擎是 (ejs|hbs|hjs|jade|pug|twig|vash)，但是默认支持jade。

$ 快递-h

用法：表达[options][dir]

选项：

-h, --help          output usage information
    --version       output the version number
-e, --ejs           add ejs engine support
    --hbs           add handlebars engine support
    --pug           add pug engine support
-H, --hogan         add hogan.js engine support
-v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
-c, --css <engine>  add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
    --git           add .gitignore
-f, --force         force on non-empty directory

【讨论】：

【解决方案4】：

你也可以直接将你的html文件包含到你的jade文件中

include ../../public/index.html

【讨论】：

【解决方案5】：

这个生成器似乎可以处理 EJS 模板。 EJS 只是具有插入变量能力的 HTML。嗯......就像一个模板引擎。但 EJS 也是 HTML 的渲染引擎。

在生成器的app.js中你可以看到这一行（15）：

app.set('view engine', '{views}');

所以我的猜测是，如果你在安装的时候选择了EJS引擎，那就很好了。只要你把你的html文件放到指定的文件夹（第14行，app.js）：

app.set('views', path.join(__dirname, 'views'));

【讨论】：

【解决方案6】：

你可以删除jade文件并连接你自己的模板引擎。

例如，我喜欢使用 Handlebars.js。因此，为了使用它，在 app.js 或 server.js 或生成器命名主文件的任何内容中，您可以替换以下行：

app.set('view engine', 'jade');

与此类似（至少在安装并需要车把之后）：

app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');

每个引擎都可以根据您的需要进行配置。

【讨论】：

例如使用express -e:

例如使用`express -e`: