node+express+jade制作简单网站指南

  1.建立工程文件夹:my_jade

  2.下载express和jade包到本地.我个人不喜欢下载成全局的,我喜欢下到工程文件夹中去.

  3.建立相关的文件夹和文件.

node+express+jade制作简单网站指南

  index.js:

node+express+jade制作简单网站指南

  style.css

node+express+jade制作简单网站指南

  gys.jade代码:

node+express+jade制作简单网站指南

  index.jade:

node+express+jade制作简单网站指南

  layout.jade

node+express+jade制作简单网站指南

  app.js

node+express+jade制作简单网站指南

  运行app.js:node app.js;

  在浏览器中预览:

node+express+jade制作简单网站指南

  在看一个不使用页面布局的例子:

  修改index.js

node+express+jade制作简单网站指南

  修改app.js

node+express+jade制作简单网站指南

  运行app.js在浏览器中预览:

node+express+jade制作简单网站指南

  单击提交 会触发ajax. 。本文就先到这里吧,后续的工作以后再接着进行,刚入手这块内容,还不是很熟练,哈哈。