<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="../css/reset.css">
</head>
<body>
<h1>NodeJS</h1>
<div>
<h2>安裝NodeJS</h2>
<p>以管理員身份運行"命令提示符", 輸入"msiexec/package 安裝包路徑"</p>
<p>可指定安裝目錄</p>
</div>
<div>
<h2>express框架模塊</h2>
<p>打開"Node.js command prompt"</p>
<div>
<h3>安裝express</h3>
<p>這裏安裝到E盤, 輸入"e:"</p>
<p>npm install express --save</p>
<p>安裝成功後, E盤就會看到"node_modules"文件夾</p>
</div>
<div>
<h3>安裝相關模塊</h3>
<p>npm install body-parser --save</p>
<p>npm install cookie-parser --save</p>
<p>npm install multer --save</p>
</div>
</div>
<div>
<h2>express應用生成器</h2>
<div>
<h3>全局安裝應用生成器</h3>
<p>npm install express-generator -g</p>
</div>
<div>
<h3>生產應用</h3>
<p>這裏在"E:\node_web"下生產名爲"blog"的應用, cd node_web</p>
<p>express --hbs blog</p>
<p>除了hbs模板引擎, 還有ejs和默認的jade等</p>
<p>sublime用html模式編譯hbs文件: Ctrl + Shift + P, "html"</p>
<h3>讓hbs模板文件使用擴展名爲html的文件</h3>
<p>app.js文件, 將 app.set('view engine', 'hbs'); 改成 app.engine('html', require('hbs').__express);app.set('view engine', 'html');</p>
</div>
<div>
<h3>安裝package.json裏的模塊</h3>
<p>cd blog</p>
<p>npm install</p>
</div>
<div>
<h3>啓用應用</h3>
<p>cd對應目錄, npm start或node ./bin/www</p>
<p>瀏覽器打卡 localhost:3000</p>
<p>Ctrl + C, 停用應用</p>
</div>
</div>
<div>
<h2>其它</h2>
<p>返回上一級, cd ../</p>
<p>卸載模塊, npm uninstall 模塊名</p>
<p>查看版本, 模塊名 --version 或 --v</p>
</div>
<div>
<h2>參考文獻</h2>
<p>express應用生成器: <a href="">http://www.cnblogs.com/FE-yanyi1993/p/6413042.html</a></p>
<p>菜鳥教程: <a href="">http://www.runoob.com/nodejs/nodejs-express-framework.html</a></p>
</div>
</body>
</html>
