首页IT科技express框架过时了吗(express项目的创建)

express框架过时了吗(express项目的创建)

时间2025-06-15 23:08:33分类IT科技浏览3678
导读:前言 前端开发者若要进行后端开发,大多都会选择node.js,在node生态下是有大量框架的,其中最受新手喜爱的便是老牌的express.js,接下来我们就从零创建一个express项目。...

前言

前端开发者若要进行后端开发            ,大多都会选择node.js                 ,在node生态下是有大量框架的      ,其中最受新手喜爱的便是老牌的express.js      ,接下来我们就从零创建一个express项目           。

安装node

在这里:https://nodejs.org/dist/v16.14.0/node-v16.14.0-x64.msi                  ,下载后直接安装                  。

安装完成后            ,验证是否安装成功      ,win+r输入cmd                 ,输入命令:node -v

安装淘宝镜像cnpm

国内直接使用npm下载会比较慢            ,在cmd中输入命令安装淘宝cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证cnpm是否安装成功:cnpm -v

安装express-generator

express跟大多框架一样,也是有脚手架工具的                 ,便于项目的搭建                 ,即express-generator      。

使用cnpm全局安装脚手架:cnpm install -g express-generator

验证是否安装成功:express --version

创建项目

输入命令:express test (test为项目名) 出现下图即为创建成功           。

项目创建后不会自动安装依赖                  。安装依赖命令:npm i(i为install简写) 出现下图即为安装成功      。

最终目录结构如下:

bin:项目启动脚本

node_modules:项目依赖

public:公共静态资源

routes:路由目录

views:视图目录(前后端分离开发可不用关注此)

app.js:项目入口

package-lock.json:依赖版本锁定信息

package.json:项目配置及依赖版本信息

启动项目

输入命令:npm start 会出现下图

在浏览器地址栏输入:http://localhost:3000/ 页面出现下图即为启动成功     。

项目热更

在开发过程中,每次修改代码后需要npm start重启项目后            ,才会使得修改后的代码生效                  。

可以使用插件node-dev                 ,实现项目热更            。安装命令:npm i node-dev

在package.json的scripts中添加:"dev": "node-dev ./bin/www"

热更启动项目的命令:npm run dev

原文链接:https://xiblogs.top/?id=56

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
vue父子传值的方法(Vue组件通信之父传子与子传父详细讲解) osx 10.14(苹果推送OSX10.11.6正式版/macOS Sierra开发者预览版Beta3固件更新)