【express项目脚手架】使用生express-generator成项目,优化启动方式,每次修改代码后不需要重启...

【express项目脚手架】使用express-generator生成express项目

用法

安装全局express命令行

npm install express-generator -D

生成项目,并且安装项目依赖的包

express server
cd server
npm i

启动方式

node bin/www

访问 localhost:3000

添加git忽略文件 .gitignore

.DS_Store
node_modules/
dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
test/unit/coverage
test/e2e/reports
selenium-debug.log

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

优化启动方式,让每次修改代码后不需要重启

使用nodemon方式:

nodemon

安装
全局安装:
npm install -g nodemon

or
本地安装:
npm install --save-dev nodemon
在package.json里面配置快捷启动方式

在package.json 的scripts选项里面添加

    "scripts": {
        "start": "node ./bin/www",
        "dev": "nodemon ./bin/www" 
    },

此时启动方式是:

npm run dev

使用supervisor方式

使用方式说明
安装
npm install supervisor -g

使用
supervisor bin/www
把supervisor bin/www 的启动的方式添加到package.json

在package.json 的scripts选项里面添加

    "scripts": {
        "start": "node ./bin/www",
        "sup": "supervisor ./bin/www"  
    },

此时启动方式是:

npm run sup

使用pm2的方式

详细使用方式请去官网

pm2

全局安装
npm install pm2 -g 

启动方式
pm2 start ./bin/www

在package.json 的scripts选项里面添加

    "scripts": {
        "start": "node ./bin/www",
        "pm2": "pm2 start ./bin/www"  
    },

此时启动方式是:

npm run pm2
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你的问题是关于如何优化昨天的登录和注册功能,添加验证码功能和使用Express脚手架。下面是一些步骤供你参考: 1. 安装Express脚手架 使用以下命令安装Express脚手架: ``` npm install express-generator -g ``` 然后使用以下命令创建一个新的Express项目: ``` express myproject ``` 这个命令会在当前目录下创建一个名为myproject的Express项目。 2. 添加验证码功能 首先安装验证码插件,可以使用npm安装`svg-captcha`: ``` npm install svg-captcha ``` 在登录和注册页面中添加验证码输入框,并在后端验证验证码是否正确。在验证码的时候,将验证码存入cookie中,以便在后续的请求中进行验证。 以下是一个示例代码: ```javascript const svgCaptcha = require('svg-captcha'); // 验证码 router.get('/captcha', function(req, res) { const captcha = svgCaptcha.create({ size: 4, noise: 2, color: true, background: '#fff' }); // 将验证码存入cookie中 res.cookie('captcha', captcha.text, { maxAge: 60000 }); res.type('svg'); res.status(200).send(captcha.data); }); // 验证验证码 router.post('/login', function(req, res) { const captcha = req.cookies.captcha; if (captcha === req.body.captcha) { // 验证码正确,继续登录操作 } else { // 验证码不正确,提示用户重新输入 } }); ``` 3. 使用message.ejs接收提示信息 在Express中,可以使用`res.locals`来将数据传递给模板引擎。可以在路由处理函数中设置`res.locals.message`来传递提示信息,然后在message.ejs模板中进行渲染。 以下是一个示例代码: ```javascript // 在路由处理函数中设置提示信息 router.post('/login', function(req, res) { if (req.body.username === 'admin' && req.body.password === 'password') { res.locals.message = { type: 'success', text: '登录功' }; res.render('login'); } else { res.locals.message = { type: 'error', text: '用户名或密码错误' }; res.render('login'); } }); // 在message.ejs模板中渲染提示信息 <% if (message) { %> <div class="alert alert-<%= message.type %>"> <%= message.text %> </div> <% } %> ``` 在上面的代码中,当用户登录功或失败时,会设置一个提示信息,并将其传递给模板引擎。在message.ejs模板中,检查是否有message变量,如果有则渲染提示信息。 希望这些步骤可以帮助你优化登录和注册功能,添加验证码功能,并使用Express脚手架创建项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值