pug的安装和编译

1、安装

安装很简单

npm install pug

不过这样安装可能会出现pug不是内部命令的错误提示,在npm的pug页面也有提示，我们可以用

npm install -g pug-cli

这个命令就不会出现问题了

2、编译

我们可以先写一个简单的index.pug文件

doctype html
html()
    head
        title 有感
        body
            link(href='./public/css/boostrap.min.css',type='text/css',rel='stylesheet')
            script(src='./public/js/jquery.min.css',type='text/javascript')
            script(src='./public/js/boostrap.min.css',type='text/javascript')

        h1 首页
           

想要把这个文件编译成index.html只需要在命令行输入命令就行

有两种命令分别是

pug index.pug

这个命令编译出来的是压缩版的代码，即没有空格，换行的代码显示

pug -P -w index.pug

这个命令编译出来的代码不是压缩版更具可读性，并且可以实时编译，实时编译就是当我们修改index.pug时，index.html也会被改变

输完命令回车，cmd会输出 "rendered index.html"这就表示编译成功，我们去文件夹中看，就会发现多了一个index.html文件，这样就编译成功了。