位置: IT常识 - 正文

01-Node-Express系统框架搭建(express-generator)(node express安装)

编辑:rootadmin
01-Node-Express系统框架搭建(express-generator)

推荐整理分享01-Node-Express系统框架搭建(express-generator)(node express安装),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:node平台,node os,node的express干什么用,node os,node express 教程,node的express干什么用,express+node,nodeinformation,内容如对您有帮助,希望把文章链接给更多的朋友!

文章目录一、使用express-generator创建项目1.1 安装express-generator模块1.2 生成express项目结构1.3 启动项目1.4 设置nodemon自启项目二、手动创建一个Express项目2.1 创建项目文件夹并初始化2.2 安装express模块2.3 创建项目主文件2.4 编辑app.js文件2.5 启动项目2.6 使用nodemon启动项目三、项目代码一、使用express-generator创建项目

构建Express项目最快捷方式,莫过于使用express-generator模块自动生成,这也是本文推荐的方式。

1.1 安装express-generator模块npm i express-generator -g1.2 生成express项目结构

使用express指令在express-server文件夹创建一个使用pug模板引擎的项目。

> express --view=pug express-server create : express-server\ create : express-server\public\ create : express-server\public\javascripts\ create : express-server\public\images\ create : express-server\public\stylesheets\ create : express-server\public\stylesheets\style.css create : express-server\routes\ create : express-server\routes\index.js create : express-server\routes\users.js create : express-server\views\ create : express-server\views\error.pug create : express-server\views\index.pug create : express-server\views\layout.pug create : express-server\app.js create : express-server\package.json create : express-server\bin\ create : express-server\bin\www change directory: > cd express-server install dependencies: > npm install run the app: > SET DEBUG=express-server:* & npm start

项目创建完成后,目录结构如下所示:

express-server |- bin/ ||- www |- public/ ||- images/ ||- javascripts/ ||- stylesheets/ |- routes/ ||- index.js ||- users.js |- views/ ||- error.pug ||- index.pug ||- layout.pug |- app.js |- package-lock.json |- package.json

其中:

app.js是项目主文件;views目录用于存放页面文件;routes目录用于存放路由文件;public用于存放静态文件;bin中的www是项目的启动文件;1.3 启动项目

正常情况下,只需要进入项目文件夹,安装项目依赖的包,然后执行启动命令即可。

> cd .\express-server\ # 进入项目文件夹> npm i# 安装依赖包added 124 packages in 3s> npm start # 启动项目> express-server@0.0.0 start> node ./bin/www

此时,访问localhost:3000即可访问系统:

1.4 设置nodemon自启项目01-Node-Express系统框架搭建(express-generator)(node express安装)

我们启动项目使用的npm start指令是在package.json中配置的,同样的,我们可以配置我们自己的指令。

在开发过程中,一旦修改了项目代码就需要重新启动项目才能看到执行结果,为了提高开发效率,我们通常会使用nodemon模块在项目修改后自动重启项目。

安装nodemon模块npm i nodemon -g创建一个nodemon启动项目的指令(以下代码的第7行){ "name": "express-server", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www", "serve": "nodemon ./bin/www" }, "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", "express": "~4.16.1", "http-errors": "~1.6.3", "morgan": "~1.9.1", "pug": "2.0.0-beta11" }}启动项目

使用npm run serve指令在终端启动express项目。

> npm run serve> express-server@0.0.0 serve> nodemon ./bin/www[nodemon] 2.0.16[nodemon] to restart at any time, enter `rs`[nodemon] watching path(s): *.*[nodemon] watching extensions: js,mjs,json [nodemon] starting `node ./bin/www`

此时,若项目代码发生了改动,项目向自动重启。

二、手动创建一个Express项目2.1 创建项目文件夹并初始化

创建一个名为express-server的项目文件夹,并使用npm init -y初始化项目文件夹。

> mkdir express-server> cd express-server> npm init -yWrote to .\express-server\package.json:{ "name": "express-server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC"}

此时项目文件夹中就创建了一个名为package.json的文件。

2.2 安装express模块> npm i express2.3 创建项目主文件> touch app.js2.4 编辑app.js文件

创建一个hello world程序,编辑app.js文件内容如下:

const express = require('express')const app = express()const port = 3000app.get('/', (req, res) => { res.send('Hello World!')})app.listen(port, () => { console.log(`Example app listening on port ${port}`)})2.5 启动项目

使用node指令启动项目,执行效果如下:

> node .\app.jsExample app listening on port 3000

此时,访问localhost:3000可见下图所示的界面:

2.6 使用nodemon启动项目

使用nodemon使项目在修改后自启动。

安装nodemon模块npm i nodemon -g启动项目> nodemon .\app.js[nodemon] 2.0.16[nodemon] to restart at any time, enter `rs`[nodemon] watching path(s): *.*[nodemon] watching extensions: js,mjs,json[nodemon] starting `node .\app.js`Example app listening on port 3000三、项目代码

01-express-generator

本文链接地址:https://www.jiuchutong.com/zhishi/299801.html 转载请保留说明!

上一篇:ChatGPT及相关产品体验与研究

下一篇:【强化学习】Q-Learning算法详解

  • 建筑企业简易计税和一般计税分开核算
  • 税务证需要多少费用
  • 物业收电费有问题找谁解决
  • 金税四期对增值税发票的比对
  • 企业增资会计处理流程
  • 小卖部的货源怎样提供的
  • 小微企业减免所得税额是怎么算出来的
  • 海关进口增值税专用缴款书如何抵扣
  • 代收污水处理费免税
  • 小规模购买税盘的费用可以抵税吗
  • 政府扶持资金要还吗如村委借给企业对吗
  • 快消品行业成本结转方法
  • 契税印花税的会计分录怎么写
  • 低值易耗品摊销借贷方向
  • 商场销售化妆品应当缴纳增值税和消费税对吗
  • 营改增后向境外提供有偿服务是否需要缴纳增值税?
  • 快递费需要计提吗
  • 股权转让的印花税是按照什么金额缴纳
  • 购买房产,税费怎么计算
  • 进口货物退税流程
  • 损益表现金流量表资产负债表
  • 资产减值损失是什么类科目
  • 一般风险准备金计算公式
  • 增值税申报表附表二填表说明
  • 现金流量表的编制依据
  • 对研发机构采购国产设备,全额退还增值税
  • 客户的佣金怎么处理
  • 免税收入要减去吗
  • 给客户样品需要收钱吗
  • 如何安装电脑系统程序
  • macos ppt软件
  • 票据融资都有哪些方式
  • win10显示所有应用
  • php教程 ftp 函数
  • 自行建造完成交付的房子
  • 二连浩特老照片
  • vue打包成一个文件
  • 阿里云主机php版本
  • 蓝牙11
  • php获取服务器ip和客户端ip的方法
  • 网络销售平台优势和劣势
  • 如何开具电子发票广东
  • 支出和收入怎么算呀
  • 机票退票手续费新规定2023
  • 一般纳税人和小规模
  • 票据带息和不带息
  • php 时间
  • java替换集合的元素
  • mongodb subtract
  • sql优化常用的15种方法
  • 委托加工业务的组成计税价格
  • 税务局不予受理的依据
  • 装卸费专票
  • 汇算清缴的会计分录怎么做
  • 工地的工人工资怎么入账
  • 返利开红字发票怎么做账
  • 出差补贴应该怎么入账
  • 残保金管理使用办法
  • 什么时候用以前年度损益调整科目什么时候用所得税科目
  • 对公账户明细入账怎么查
  • 一般纳税人提供劳务税率是多少
  • 总账的建账过程
  • qt5.15教程
  • shell脚本 定义变量
  • python把html页面生成图片
  • Unity3D游戏开发标准教程
  • 在js中如何判断数据类型
  • vue自定义组件v-html
  • 3种不同的播种方法
  • jquery登录注册源代码
  • shell正则表达式匹配文件名
  • shell脚本中实现rm -fr !(file1)
  • jquery的实现原理
  • python paramiko模块 判断过期
  • 简单谈谈你对中国国防建设的认识
  • jqueryapi手机版
  • 征管法第六十三条的内容
  • 消费税由谁来承担
  • 税务局三方协议变更
  • 江西自考招考办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设