前端做整站是開發，例如：前端是用了vue創建初始化項目，后端我們不會php、java等，我們只能用node去創建去做后端代碼，本文就給大家講解最基礎的從零開始創建一個項目的后端環境。

　　一般來說前后端代碼肯定是分離的，但是也有不分離的情況例如jsp代碼，本文講解前后端分離的情況。

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

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

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

cnpm i -g express-generator

安裝完之后通過

express --version

?

來查看版本，注意這里只能提供這種方式去查看版本號不能通過 -v 查看版本號。

?

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

express server

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

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);

修改

app.set('view engine', ‘jade’);app.set('view engine', 'html');

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

Node ./bin/www

?

?

other、這里介紹另一種啟動方式

?

1、利用 pm2 啟動，首先在 node 的項目按照?

cnpm install pm2 --save

2、安裝完之后進入項目根目錄

執行

pm2 start bin/www

這個是進程式的管理，并且這種方法啟動項目后，控制臺還可以繼續做其他的操作。

3、關閉項目

// 關閉的話，關閉所有 pm2 stop all // 關閉某一個 pm2 stop 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

總結

以上是生活随笔為你收集整理的利用node、express初始化项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。