利用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

利用node、express初始化项目

猜你喜欢