nodejs框架express4.x 學習--安裝篇

1、安裝創建項目javascript

一、安裝nodejscss

二、安裝express(全局)html

npm install -g express

 默認安裝的是4.12.4java

三、因爲在3.6版本以後項目構建器被單獨拆分出來,因此還須要單獨安裝(全局)node

npm install -g express-generator

安裝好之後就能夠查看express的版本了express

express -V # 檢查express的版本

 

四、進入工做目錄經過express 建立項目npm

D:\>cd workspace/UedFe/www/express/ && express -e myexpress

   create : myexpress
   create : myexpress/package.json
   create : myexpress/app.js
   create : myexpress/public
   create : myexpress/public/stylesheets
   create : myexpress/public/stylesheets/
   create : myexpress/public/images
   create : myexpress/views
   create : myexpress/views/index.ejs
   create : myexpress/views/error.ejs
   create : myexpress/routes
   create : myexpress/routes/index.js
   create : myexpress/routes/users.js
   create : myexpress/bin
   create : myexpress/bin/www

   install dependencies:
     > cd myexpress && npm install

   run the app:
     > SET DEBUG=myexpress:* & npm start

   create : myexpress/public/javascripts

 

express -e myexpress

 這句我理解就是模板爲ejs,若是不帶這個參數或者是-j  那模板就會是使用jade了。json

五、進入項目目錄並進行依賴安裝app

在express生成項目目錄時,會自動生成package.json 文件,須要自行安裝spa

cd myexpress && npm install

六、將ejs 模板文件後綴修改成html

打開app.js

找到--> app.set('view engine', 'ejs');
替換爲-->
app.engine('.html', ejs.__express);
app.set('view engine', 'html');

 並將view文件夾下的模板文件後綴改爲html便可。

 

2、目錄結構

  • bin, 存放啓動項目的腳本文件
  • node_modules, 存放全部的項目依賴庫。
  • public,靜態文件(css,js,img)
  • routes,路由文件(MVC中的C,controller)
  • views,頁面文件(Ejs模板)
  • package.json,項目依賴配置及開發者信息
  • app.js,應用核心配置文件

3、啓動服務

npm start

 便可看到首頁了。

相關文章
相關標籤/搜索