日记

首页 » 归档 » 日记 » node.js,npm学习笔记-node.js安装教程命令,pug文件怎么用?pug文件是什么?

node.js,npm学习笔记-node.js安装教程命令,pug文件怎么用?pug文件是什么?

钟意了一个bing每日一图微博
后来在github看到源代码
于是打算搞一个

第一次接触pug后缀文件,pug后缀是什么?接着百度一番

Pug原名不叫Pug,是大名鼎鼎的jade,
以下是官方解释

it has been revealed to us that "Jade" is a registered trademark, and as a result a rename is needed. After some discussion among the maintainers, "Pug" has been chosen as the new name for this project.

后来由于商标的原因,改为Pug,哈巴狗。其实只是换个名字,语法都与jade一样。丑话说在前面,Pug有它本身的缺点——可移植性差,调试困难,性能并不出色,但使用它可以加快开发效率。本文将详细介绍pug模板引擎

  1. 安装node.js配置

我的是win
下载:https://nodejs.org/download/
注意:Linux上安装Node.js需要安装Python 2.6 或 2.7 ,不建议安装Python 3.0以上版本。
查看是否安装成功:node -v
我们进入node之后,可以输入: console.log("Hello,blog.isoyu.com!"); 测试一下
显示成功,nodejs安装成功

  1. npm详细安装过程,配置步骤

有git的同学请看
打开git命令行,在github中clone下来npm的源码包 git下载地址: git clone --recursive git://github.com/isaacs/npm.git
因为过程1中安装node.js自动安装npm所以
检查安装是否成功:npm -v

  1. pug安装编译 pug文件怎么用?pug后缀文件是什么?

Pug(Jade)是模板引擎,相当于写HTML的简化版。
https://pugjs.org/api/getting-started.html
https://segmentfault.com/a/1190000006198621
http://jade-lang.com/reference
https://github.com/pugjs/pug
安装
npm install -g pug
如果not found
npm install -g pug-cli
基础编译
pug index.pug//index=文件名
自动编译
pug -w//更改index.pug文件并保存后,index.html文件会实时更新为最新的编译的文件
标准版HTML
pug index.html -P//如上所示,默认地,pug编译出的HTML文件是压缩版的。如果要编译标准版的HTML文件,需要设置-P参数
路径设置
pug index.pug -o a//如果并不希望在当前目录下输入编译后的HTML文件,而是有自定义目录的需求,则需要设置-o参数
  设置,index.html将输入到a目录下面,如果a目录不存在,则会新建a目录
重命名
pug //默认地,编译后的HTML与pug文件同名。如果需要重命名,则可以进行如下设置
  通过设置,可以同时设置路径和名称
  [注意]这里的路径必须提前建立好,否则不会成功
批量编译
pug bing//假设,编译bing目录下所有的pug文件

  1. 语法

语法就不介绍了
本文大部分资料来源百度
参考文档
https://pugjs.org/api/getting-started.html
https://segmentfault.com/a/1190000006198621
http://jade-lang.com/reference
https://github.com/pugjs/pug

(3)

本文由 姬長信 创作,文章地址:https://blog.isoyu.com/archives/node-npm-pug.html
采用知识共享署名4.0 国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为:7月 27, 2017 at 09:06 下午

热评文章

发表评论

[必填]

看不清?

提交后请等待三秒以免造成未提交成功和重复