没有玉的Express Generator

Question

我正在尝试使用快速生成器生成快速骨架。 所以就是这样：

$ npm install express-generator -g

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

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

谢谢！

Answer 1

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

express --help

它会为您提供 express generator 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 -e：

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

Answer 2

您可以查看文档Express-Generator。

正如你所看到的那样，快递-h支持的视图引擎是快速生成器 （ejs | hbs | hjs | jade | pug | twig | vash），但由于聋人的玉被支持。

$ express -h

用法：表达[选项] [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

Answer 3

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

例如，我喜欢使用Handlebars.js。因此，为了使用它，在app.js或server.js或者主文件的生成器名称中，您将替换该行：

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

有一些事情（至少在安装和需要把手之后）：

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

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

Answer 4

这个生成器似乎处理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'));

Answer 5

您也可以直接将您的html文件包含在您的jade文件中

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

Answer 6

如果您不使用视图引擎，请输入：

express --no-view

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