利用node、express初始化項目

   前后端分離，這樣后端的項目創建就不需要在前端的代碼里，相當於是兩個獨立的工程。

一：首先全局安裝Node的express框架

當安裝過的就不需要在執行這個步驟了。

cnpm i -g express-generator

安裝完之后通過

express --version

2、進入我們的后端項目文件夾生成一個默認的后端 node wxpress項目

 

express server

 

3、這時候目錄下面會默認生成一個server的目錄，進入目錄，然后執行

npm install

4、如何啟動項目呢，其實可以看package.json

控制台執行

 

node ./bin/www

 

在瀏覽器 執行

 

 

localhost:3000

一般來說 Node 的項目的端口號都是 3000

起來之后看到這個就代表好了

 

 

項目起來之后

后端項目一般都是用的是 jade 的引擎去寫的，如果不舒服可以換成 html 的，

 

首先先安裝 ejs

 cnpm i ejs —save

然后修改app.js，新增

 

var ejs = require('ejs’);

app.engine('.html',ejs.__express);//注意是兩條下划線——

 

這樣就可在 views 下面新建 html 的頁面了，每次做完修改都需要重新啟動

 

Node ./bin/www

 

前后端不分離項目

　　如果我們想吧這個項目放到 例如 vue-cli 構建的項目中，直接在 項目根目錄下去創建項目就行，讓 server 文件夾和 sec build 在一個目錄下就可以

合並的話，只需要吧 server 里面的 package.json 文件里面的

"dependencies": {
    "body-parser": "~1.18.2",
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "ejs": "^2.5.7",
    "express": "~4.15.5",
    "jade": "~1.11.0",
    "mongoose": "^4.13.9",
    "morgan": "~1.9.0",
    "serve-favicon": "~2.4.5"
  }

這些項目依賴復制到 vue 的 package.json里面去就可以了，然后在初始化一下就行。

啟動的話 方法不變，vue的啟動還是以前的，server的啟動也不變，進入 server > bin 執行 node www 就可以了

項目目錄介紹：

 

bin/www 是項目的啟動目錄

public 是放一些靜態資源的地方

routes 是項目的路由

views 是項目的 頁面代碼

app.js 項目的配置

 更詳細請參考：https://www.cnblogs.com/haonanZhang/p/8214030.html