『壹』 如何在window環境下執行jade編譯成html文件
1首先要下載抄nodejs,下載完成後安裝,安裝完襲畢打開終端,輸入node –v,如果可以看到版本信息,表明安裝成功了
2使用npm命令(npm install jade -g)安裝JADE模塊
3安裝成功後打開WebStorm,點擊菜單欄的file-settings,點擊Tools,就會看到File Watchers選項項,點擊File Watchers,會出現配置界面
4點擊右側的「+「號,在下拉列表中點擊JADE
5裡面的選項只需要配置兩個即可,首先在Program選項中填入jadeNaNd的路徑,因為JADE是安裝在全局環境中的,所以jadeNaNd一般都在AppData\Roaming\npm 下,以我的電腦為例,完整路徑是:C:\Users\Administrator\AppData\Roaming\npm\jade.cmd;然後再在Arguments中加上『-P 』記得P要大寫,P後面有個空格,完整內容如下:「-P $FileName$」
『貳』 怎麼把express中的jade文件改成ejs'
最近在看《Node.js從入門到精通》,看到使用nodejs進行web開發的時候,准備創建ejs項目遇到問題了!!!
使用express -t ejs microblog創建出來的居然不是ejs項目,而是jade項目(jade這語法雖然簡化了html,但是本人懶就不想再去學了),這就無語了。。
上網查了一下問題,才發現現在的版本已經沒有-t這個命令了,改為express -e microblog,運行完之後,根據提示運行cd microblog && npm install(建議分開輸入,先輸入cd microblog,再輸入npm install。因為我用的是windows系統,連在一起輸入居然報錯了),ejs模板就安裝好了。
使用:npm start 就可以運行項目了。
在ejs項目上使用.html後綴的方法:
app.js文件上添加:
1.var ejs = require('ejs');
2.app.engine('.html',ejs.__express);
3.先注釋掉app.set('view engine', 'ejs'),添加app.set('view engine','html');
『叄』 第一次運行jade程序出現「java.lang.NoClassDefFoundError: jade/Boot」錯誤
import後面沒有小數點,應該是空格:import jade.core.Agent;
extend改為:public class Hello extends Agent