Express blog從零開始搭建(1)

Express安裝與項目創建


全局安裝express

npm install -g express-generator
或npm i -g express-generator

i,即install,npm指令,表示安裝;
-g,即global,是npm的參數,表示全局操作。

新建項目並初始化

// 假設已存在項目目錄exblog
cd exblog
express --view=ejs .
或express -v ejs .
// 新建項目exblog
express --view=ejs exblog
或express -v ejs exblog

-v,即–view,是express的可選參數,用於選定視圖模板引擎;
ejs則表示指定模板引擎爲ejs。
注意:

express -v -e exblog

上面這種形式看似正確,但在實際的執行過程中,將會把-e認爲是指定的模板引擎;可以嘗試這種寫法,然後在項目的入口函數app.js中可以發現,指定的模板引擎是-e,即app.set(‘view engine’, ‘-e’);;如果在沒有注意的這種情況下,在運行項目時,也會給出Can’t find module ‘-e’的報錯信息。

安裝依賴並運行
在初始化項目時,express會給出項目的創建信息及安裝項目依賴和運行項目的指令,直接按給出的指令,執行即可。

// 安裝項目依賴
npm install
// 運行項目
DEBUG=exblog:* npm start    // 開啓DEBUG模式
或npm (run) start            // 不開啓DEBUG模式

npm start實際上執行的是node ./bin/www,這個指令是在package.json文件中的scripts中指定的。
DEBUG=exblog: *,表示開啓DEBUG模式,所有調試信息都會打印在控制檯上。

此時項目已經運行起來,在瀏覽器地址欄中輸入http://localhost:3000/,即可看到效果。
運行效果圖

擴展


express參數說明:

語法:
express [options] [dir]
可選項:
--version               查看express版本
-e, --ejs               ejs模板引擎支持
    --pug               pug模板引擎支持
    --hbs               handlebars模板引擎支持
-H, --hogan             hogan.js模板引擎支持
-v, --view <engine>     視圖引擎支持(目前支持的視圖引擎:dust/ejs/hbs/hjs/jade/pug/twig/vash, 默認使用jade)
-c, --css <engine>      樣式表引擎支持(目前支持的樣式表引擎:less/stylus/compass/sass, 默認使用css)
-f, --force             強制在非空目錄上執行操作
-h, --help              express幫助
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章