当前位置：文江博客话题详情

菜鸟关于JADE的问题

发布于 2022-09-02 20:20:34 字数 62 浏览 12 评论 0

请问一下jade模版怎么运行？在编译器里写好之后怎么运行测试？第一次用nodeJS,第一次用jade，不太理解

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（1）

旧瑾黎汐 2022-09-09 20:20:34

你说的写好应该是“编辑器”吧？^^，能在“编译器”里写好代码的，想必应该很屌！

而且现在好像也不叫jade，改叫：pug了。

打开一个命令行，先安装pug命令工具：

npm install pug-cli -g

如果是非windows的操作系统，再前面加sudo

然后写一个pug的模板：

test.pug

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) bar(1 + 5)
  body
    h1 Pug - node template engine
    #container.col
      if youAreUsingPug
        p You are amazing
      else
        p Get on it!
      p.
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.

然后在命令行里，使用pug命令将其转义成真正的html:

pug -P test.pug

然后就自动生成了这个样子的html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <script type="text/javascript">if (foo) bar(1 + 5)</script>
  </head>
  <body>
    <h1>Pug - node template engine</h1>
    <div class="col" id="container">
      <p>Get on it!</p>
      <p>
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.
      </p>
    </div>
  </body>
</html>

html该怎么用，不用我教吧？

当然我介绍的这是小白入门。高阶用法，都是都是集成在其他项目构建工具里的。慢慢来吧，一口气肯定吃不成个胖子

~没有更多了~

关于作者

扛起拖把扫天下

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

1CH1MKgiKxn9p

文章 0 评论 0

ゞ记忆︶ㄣ

文章 0 评论 0

JackDx

文章 0 评论 0

信远

文章 0 评论 0

yaoduoduo1995

文章 0 评论 0

霞映澄塘

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文