用 sublime text 3 開發 Jade

學習jade模板引擎html

 

利用npm安裝jade:npm install jade

在sublime中安裝jade高亮插件 jade buildnode

編寫jade代碼npm

編譯jade代碼:在sublime中tools 確認build system (編譯系統)選擇了Automatic(自動模式)或者Jade學習

按ctrl + b 進行編譯ui

sublime 底部出現編譯結果插件

出現code

[Decode error - output not utf-8]
[Finished in 0.2s with exit code 1]……錯誤 htm

搜索的結果是沒有配置jade的環境變量 模板引擎

考慮只是在當前項目下安裝了jade,其餘項目安裝jade後又要從新配置環境變量,因此在項目中刪除了jade utf-8

利用npm 在全局中安裝jade: npm install jade –g

再按照上述的過程進行編譯,會發現sublime 底部出現

 

[90mrendered [36mD:\學習\nodeDev\learn1\views\layout.html[0m

[Finished in 1.0s]

 

同時在jade文件同級文件夾下出現同名的html文件

Done!

相關文章
相關標籤/搜索