Express應(yīng)用生成器
通過應(yīng)用生成器工具 express 可以快速創(chuàng)建一個應(yīng)用的骨架啥供。
- 通過如下命令全局安裝express
npm install express-generator -g
安裝成功之后(express -V檢查安裝成功與否),在當(dāng)前工作目錄下創(chuàng)建一個名為myApp的應(yīng)用
express myApp
- 安裝所有依賴包
cd myapp
npm install
- 啟動應(yīng)用
MacOS/Linux下 :
DEBUG=myapp npm start
Windows下:
set DEBUG=myapp & npm start
window下模擬linux命令的工具git bash
然后在瀏覽器中打開 http://localhost:3000/ 就可以看到這個應(yīng)用了屋讶。
-
目錄結(jié)構(gòu)
通過Express應(yīng)用生成器創(chuàng)建的應(yīng)用一般都有如下目錄結(jié)構(gòu):
細(xì)心的童鞋會發(fā)現(xiàn)在views文件夾里面有后綴名為.jade和.html的文件以及根目錄下的dbtest.js和mysql.js文件。是的,沒錯!
接下來來解析一下:
因為express應(yīng)用生成器生成的項目中模板是.jade嫂伞,而且是可以修改的。所以找到入口文件app.js將
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
修改為
app.set('views', path.join(__dirname, './views'));//設(shè)置項目啟動路徑
app.engine('.html', require('ejs').__express).set('view engine', 'html');//替換文件擴展名ejs為html
由于上面用到了ejs模塊桐智,所以需要將它的模塊引入到項目中
npm install ejs --save
這樣一來就可以刪除.jade的模板文件末早,用回熟悉的.html模板文件了。另外上面提到的dbtest.js和mysql.js文件就是用來鏈接數(shù)據(jù)庫和操作數(shù)據(jù)(CURD)的,將在下一部分闡述