如何使用express搭建一個網站

如何使用express搭建一個網站

1:node查看

$ node -v
v4.2.4

2:npm查看

$ npm -v
2.14.12

3:express查看

$ express
bash: express: command not found

分析:javascript

沒有安裝expresscss

安裝:java

npm install express

查看:node

$ express
bash: express: command not found

分析:express

express4須要經過如下安裝npm

npm install -g express-generator

查看:json

$ express -v

  error: unknown option `-v'

分析:瀏覽器

express版本查看是大寫Vbash

查看:app

$ express -V
4.13.1

4:利用express初始化一個項目

express -e test//ejs模板
express test//jade模板

會有如下輸出:

install dependencies:
     $ cd test && npm install

   run the app:
     $ DEBUG=test:* npm start

出現如上圖所示,看到install dependencies沒有,它說若是你想安裝依賴就先進入項目test目錄,而後執行 npm install安裝依賴模塊。

npm install

會在當前目錄生成一個node_modules目錄

運行項目:

npm start

默認端口號是:3000

在瀏覽器中輸入:

http://www.127.0.0.1:3000

頁面輸出:

Express

Welcome to Express

5:項目分析:

express這樣的MVC框架模式,如下是一個Web項目的基本構成:

  • bin //項目啓動文件 npm start
    • www
  • node_modules//node包
  • public//存放項目的靜態文件js,css,img
    • images
    • javascripts
    • stylesheets
      • style.css
  • routes//項目的路由信息文件
    • index.js
    • users.js
  • views//視圖文件
    • error.ejs
    • index.ejs
  • app.js //主文件
  • package.json //配置信息文件

路由決定了由誰(指定腳本)去響應客戶端請求。

在HTTP請求中,咱們能夠經過路由提取出請求的URL以及GET/POST參數。

6:node的小夥伴

supervisor

修改代碼後自動重啓

npm install -g supervisor

forever

相關文章
相關標籤/搜索