html - 在浏览器上渲染 Pug (Jade)(例如 Google Chrome、Mozilla Firefox)

标签 html browser pug

我是 Pug aka Jade 的新手,我想要解析一个 file.pug 到网络浏览器,例如 Google Chrome。

关注此(Pug on github) , 我安装了哈巴狗,但是当我创建一个 file.html 和 file.pug 哈巴狗不会将标签呈现为 html。

实现这一目标需要什么?

最佳答案

PUG(或JADE)是一个预处理器,需要编译成html。这意味着您需要一个合适的编译模块来做到这一点。

https://pugjs.org/api/getting-started.html 中的示例所示

最好的选择是从 NPM 安装“pug”模块

为此,您首先需要安装 NODEjs(来自 https://nodejs.org/en/)

然后它只运行 npm install 命令来获取 PUG 和 PUG 客户端:

npm i pug
npm i pug-cli

之后请引用上面提到的 PUG 入门网站,以获得使用 PUG 过程的非常简单和详细的解释:

https://pugjs.org/api/getting-started.html

关于html - 在浏览器上渲染 Pug (Jade)(例如 Google Chrome、Mozilla Firefox),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39545071/

相关文章:

c# - 有没有办法告诉 WebBrowser 组件 C# 不要更改原始 HTML?

browser - 如何找出网页浏览者每英寸的像素数?

html - 如何制作固定在屏幕顶部的响应式导航栏

html - 将很棒的字体图标嵌入到外部 css 文件中

jquery - CSS:响应式设计

javascript - 不使用选择框创建下拉列表

javascript - Express、Jade 和 NodeJS : Navigate between pages

javascript - 改变 radio 上的反向 div

javascript - 如何在 google chrome DevTools 中禁用某些文件的缓存

Jade 的 Eclipse 插件(Node.js 模板引擎)