利用node、express初始化项目

　　前端做整站是开发，例如：前端是用了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初始化项目相关推荐

node express创建项目步骤
1.安装express npm i -g express 2.安装express-generator npm i -g express-generator 3.创建项目 express app / ...
mysql第五章项目二_Todo List:Node+Express 搭建服务端毗邻Mysql – 第五章(第1节)
点击右上方红色按钮关注"web秀",让你真正秀起来前言万丈高楼平地起,我们的Todo List项目也是越来越结实了.Todo List的前面4章内容都是在为Client端开发, ...
如何利用express新建项目（上）
如何利用express新建项目(上) 摘要这篇文章将讲解了如何快速利用express新建项目一.express4.x的安装 1. npm install -g express 2. npm ins ...
node+express创建第一个node项目
一.安装nodejs 1.到官网下载nodejs安装包中文官网地址:http://nodejs.cn/ 英文官网地址:https://nodejs.org/en/ 根据自己的系统和版本,选择下载对应 ...
node.js require 自动执行脚本并生成html,利用node.js实现自动生成前端项目组件的方法详解...
本文主要给大家介绍了关于利用node.js实现自动生成前端项目组件的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 脚本编写背景写这个小脚本的初衷是,项目本身添加一个组件太 ...
node+express项目链接MySQL数据库（最简单版）
node+express项目链接MySQL数据库(最简单版) (假定你node+express项目已创建完成,可参照这里) 第一步.安装mysql驱动 npm install mysql --save ...
Node.js Express+Mongodb 项目实战
Node.js Express+Mongodb 项目实战这是一个简单的商品管理系统的小项目,包含的功能还算挺全的,项目涵盖了登录.注册,图片上传以及对商品进行增.删.查.改等操作,对于新手来说是个很 ...
node+express 搭建商城项目（1-项目搭建）
node+express 搭建商城项目(1-项目搭建) 1:下载node 博主已安装了node 版本:v14.14.1node官网:可选择跟博主同版本 2:安装 express 一般选择全局安装: n ...
node+express 搭建商城项目（2-建立 Mysql链接完成注册账号接口）
node+express 搭建商城项目(2-操作Mysql完成注册账号接口) 今天我们用 express 和 mysql 插件完成 mysql数据库的操作下面开始安装数据库插件 npm inst ...

利用node、express初始化项目

利用node、express初始化项目相关推荐

最新文章

热门文章