分針網—IT教育:nodeJS新建一個項目及代碼詳解
阿新 • • 發佈:2017-05-08
-a dcom lin 生成 -h images == 控制 ins
有了解nodejs的童鞋們知道,nodejs有很多的依賴,那麽我們在新建一個項目的時候,如何快速的導入這些依賴從而創建一個nodejs項目呢,接下來會詳細介紹。
這裏安利一個前端開發工具——webstorm。真的很好用,除了有點(或許不是一點點)占內存,打開的時候有點慢。在工作中用這個會很方便(在考慮要不要寫一篇前端開發工具的比較,吼吼吼~(≧▽≦)/~)
?下面我們來用命令創建一個nodejs項目。
1.我們在c盤的ws文件夾下創建項目。
打開DOS窗口,進入到ws文件夾
2.在此文件夾下創建名為nodeProjection1的項目
3.進入項目文件夾,安裝依賴
然後選擇一個開發工具,打開剛創建的項目。如下圖。node_modules裏面有很多依賴模塊,遠遠不止你看到的。
?下面詳細解釋一下,項目中各個目錄的功能用途
app.js:——啟動文件,也可以說是主文件入口。
package.json——定義了這個項目所需要的各種模塊,以及項目的配置信息(比如名稱、版本、許可證等元數據)。npm install命令根據這個配置文件,自動下載所需的模塊,也就是配置項目所需的運行和開發環境。
node_modules——存放package.json中安裝的模塊,當你在package.json添加依賴的模塊並安裝後,存放在這個文件夾下
public——存放image、css、js等文件
routes——存放路由文件
views——存放視圖文件或者說模板文件
bin——存放可執行文件
?app.js裏的代碼及其解釋
1.這裏我們通過require()加載了express、path 等模塊,以及 routes 文件夾下的index. js和 users.js 路由文件。 下面來講解每行代碼的含義。
2.var app = express(); 生成一個express實例。app.
3.app.set(‘views‘, path.join(__dirname, ‘views‘));設置views文件夾為存放視圖文件的目錄,即存放模板文件的目錄。_dirname為全局變量,存儲當前正在執行的腳本所在的目錄。
4.app.set(‘view engine‘, ‘ejs‘); 設置視圖模板引擎為ejs。
5.app.use(logger(‘dev’)):加載日誌中間件。
6.app.use(bodyParser.json()):加載解析json的中間件。
7.app.use(bodyParser.urlencoded({ extended: false }));
加載解析urlencoded請求體的中間件。
8.app.use(cookieParser()):加載解析cookie的中間件。
9.app.use(express.static(path.join(__dirname, ‘public‘))):設置public文件夾為存放靜態文件的目錄。
10.app.use(‘/‘, index);和app.use(‘/users‘, users):路由控制器。
11.app.use(function(req, res, next) {
var err = new Error(‘Not Found‘);
err.status = 404;
next(err);
});
捕獲404錯誤,並轉發到錯誤處理器。
12.app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get(‘env‘) === ‘development‘ ? err : {};
// render the error page
res.status(err.status || 500);
res.render(‘error‘);
});
開發環境下的錯誤處理器,將錯誤信息渲染error模版並顯示到瀏覽器中。
13.module.exports = app;:導出app實例供其他模塊調用。
?bin/www代碼及其詳解
1.#!/usr/bin/env node:表明是 node 可執行文件。
2.var debug = require(‘debug‘)(‘nodeproject1:server‘);:引入debug模塊,打印調試日誌。
3.var app = require(‘../app’):引入我們上面導出的app實例。
4.var port = normalizePort(process.env.PORT || ‘3000‘);
app.set(‘port‘, port); 設置端口號。
5.剩下的代碼用來啟動工程並監聽3000端口。
?routes/index.js
module.exports = router;
生成一個路由實例用來捕獲訪問主頁的GET請求,導出這個路由並在app.js中通過app.use(‘/‘, routes); 加載。這樣,當訪問主頁時,就會調用res.render(‘index‘, { title: ‘Express‘ });渲染views/index.ejs模版並顯示到瀏覽器中。
?views/index.ejs
在渲染模板時我們傳入了一個變量 title 值為 express 字符串,模板引擎會將所有 <%= title %> 替換為 express ,然後將渲染後生成的html顯示到瀏覽器中。
轉載:http://www.jianshu.com/p/7b0a5d4491ba
作者: 洞聽
本文轉載自分針網
想學習更多IT知識可加群:272292492
分針網—IT教育:nodeJS新建一個項目及代碼詳解