pug.js是一款pug转html代码的插件

pug.js是一款pug转html代码的插件

pug.js是一款pug转html代码的插件,可以将pug编写的文件或字符串转换成html代码,支持nodejs与浏览器直接使用,还支持命令行处理pug文件。

安装:

npm

$ npm install pug

还支持命令行处理pug文件

$ npm install pug-cli -g

cdn

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pug.js"></script>

使用方式:

引入

const pug = require('pug');

pug.render('p Hello world!');

完整示例代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/pug.js"></script>

    <script>
        const pug = require('pug');
        const output = pug.render('h1 Hello, World!');
        
        
         alert("pug转换成html代码是:"+output)
    </script>

    <style>
    </style>
</head>

<body>
  
</body>

</html>

github:https://github.com/pugjs/pug

还有一款html代码转pug代码的插件:https://github.com/izolate/html2pug

立即下载pug.js查看所有js插件

网友评论0

程序员在线工具箱