当前位置:主页 > js > express项目的创建

express项目的创建

xi1年前 (2023-03-23)js11992

前言

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

安装node

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

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

安装淘宝镜像cnpm

  1. 国内直接使用npm下载会比较慢,在cmd中输入命令安装淘宝cnpm:
    npm install -g cnpm –registry=https://registry.npm.taobao.org

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

安装express-generator

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

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

  3. 验证是否安装成功:express –version

创建项目

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

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

  3. 最终目录结构如下:
    bin:项目启动脚本
    node_modules:项目依赖
    public:公共静态资源
    routes:路由目录
    views:视图目录(前后端分离开发可不用关注此)
    app.js:项目入口
    package-lock.json:依赖版本锁定信息
    package.json:项目配置及依赖版本信息

启动项目

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

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

项目热更

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

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

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

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

转载请标注来源与原作者

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

“express项目的创建” 的相关文章

jsonp跨域

jsonp跨域

原因我做某些项目的时候会使用一些公共的api,但是由于我自己的域名与api域名不是同一个,浏览器会报跨域错误,前端处理的话,一般而言vue中使用最多的其实是代理解决跨域,但我会把项目打包生成dist发...

评论列表

刘帆顺
刘帆顺 IP:台湾省
7个月前 (12-05)

亲爱的朋友:您好!中国多省爆发不明肺炎, 疑是新冠变种病毒, 或是多种病毒叠加感染, 众多儿童和成人感染, 各地医院人满为患, 发热门诊或急诊每天排号上千人, 上海机场开始测核酸。古今中外的经典预言也说了这几年人类有大灾难,如:从西方《圣经·旧约》的《但以理书》,《新约》的《启示录》,到中国大预言《马前课》,《推背图》,《刘伯温碑记》,《金陵塔碑文》等都被历史验证、证实过的。如刘伯温在预言中说 "贫者一万留一千,富者一万留二三”,“贫富若不回心转,看看死期到眼前”, 预言中也告诉世人如何逃离劫难的方法,我真心希望您能躲过末劫中的劫难,有个美好的未来,请您务必打开下方网址认真了解,内有躲避瘟疫保平安的方法。请直接点击链接或复制到浏览器打开查看详情:网址1:https://github.com/19920513/www/blob/master/README.md?saa#1 网址2:bitly.net/p888p 网址3:888133.xyz

HyaCinth
HyaCinth IP:浙江省
6个月前 (01-04)

差不多得了😓,跑人家技术博客搞这种政治的东西,真恶心啊

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。