Question

我知道并使用html，js，less。但我是nodejs，pug / jade的新手。只是想了解它是如何工作的。

我已经阅读了很多关于pug / jade语法的教程，但我还没有找到如何使用它的教程。

我必须在哪里写代码？如何在浏览器中打开它？我需要的是什么？

Answer 1

在许多电脑上打开你的终端（ ctrl + alt + T ）

然后输入：sudo npm install pug --global

这将在您的计算机上安装哈巴狗。您可能不需要上面命令中的sudo。

然后输入pug --help

那会给你这个：

Usage: pug [options] [dir|file ...]

Options:

-h, --help             output usage information
-V, --version          output the version number
-O, --obj <str|path>   JSON/JavaScript options object or file
-o, --out <dir>        output the rendered HTML or compiled JavaScript to <dir>
-p, --path <path>      filename used to resolve includes
-b, --basedir <path>   path used as root directory to resolve absolute includes
-P, --pretty           compile pretty HTML output
-c, --client           compile function for client-side
-n, --name <str>       the name of the compiled template (requires --client)
-D, --no-debug         compile without debugging (smaller functions)
-w, --watch            watch files for changes and automatically re-render
-E, --extension <ext>  specify the output file extension
-s, --silent           do not output logs
--name-after-file      name the template after the last section of the file path (requires --client and overriden by --name)
--doctype <str>        specify the doctype on the command line (useful if it is not specified by the template)

Examples:

# Render all files in the `templates` directory: $ pug templates

# Create {foo,bar}.html: $ pug {foo,bar}.pug

# Using `pug` over standard input and output streams $ pug < my.pug > my.html $ echo 'h1 Pug!' | pug

# Render all files in `foo` and `bar` directories to `/tmp`: $ pug foo bar --out /tmp

# Specify options through a string: $ pug -O '{"doctype": "html"}' foo.pug
# or, using JavaScript instead of JSON $ pug -O "{doctype: 'html'}" foo.pug

# Specify options through a file: $ echo "exports.doctype = 'html';" > options.js $ pug -O options.js foo.pug
# or, JSON works too $ echo '{"doctype": "html"}' > options.json $ pug -O options.json foo.pug

您可以使用大多数node.js命令行工具来遵循此模式。

如果您没有安装NPM和Node.js，您当然也需要这些：）

对于帕格，我建议从上面列出的示例开始，最后，您将要创建用pug编写的实际文件和目录，然后使用命令行将它们编译为HTML。

如果您正在编写静态网站，这样做会很好。如果您想编写动态网站，其中pug根据各种特定于用户的数据创建不同的页面，您将要学习使用像express.js这样的东西。

Answer 2

我认为有很多方法可以和哈巴狗一起工作。

这是我的工作方式：

首先我创建一个节点/快速服务器。他将处理我的路线并提供我的哈巴狗文件。
然后我将我的服务器配置为使用pug：app.set('view engine', 'pug');（此行将告诉快递您将使用pug文件）。

app.set('views', './views')（此行将设置views目录 - 您将在其中创建您的pug文件。

然后您只需在路线中使用res.render('filename',{variable you want to give to your view});。

Answer 3

我在youtube上找到了答案。

首先，您必须启动node.js和node.js命令提示符。
输入node.js命令提示符：
npm安装哈巴狗
npm install pug-cli -g
创建示例＆＃34; index.pug＆＃34;。
使用＆＃34; cd＆＃34;在命令提示符中更改目录（放置index.pug的位置）功能。例如＆＃34; cd C：\ node＆＃34;
输入＆＃34; pug -w index.pug＆＃34;在命令propmt中转换index.html。

如何开始使用哈巴狗？

3 个答案: