如何用express快速搭建一个web项目的nodejs框架,express内项目文件的作用

1、先右键你要搭建的文件夹,选择在集成终端中打开

2、下载安装express:

命令行语句:npm i express-generator -g

出现express版本后表示安装成功

2、创建express项目:

命令行语句:express 项目名称

注:如果创建项目失败,找到系统的Windows PowerShell,用管理员身份运行,再打开脚本命令行窗口,输入set-ExecutionPolicy RemoteSigned回车,如果选项中有A则输入A,没有A选项,则输入y,回车后,关闭窗口,重启VSCode。

项目文件解释

  • bin:存放服务器配置文件。
    • www:服务器配置文件,在其中编写服务器配置信息(没特殊情况,不允许修改)。
  • public:存放项目的公共资源。
    • 公共资源:可以被用户访问的资源(浏览器可以从服务器上直接请求到的资源)。
    • 比如:html、css、js、图片等。
  • routes:存放路由配置文件。
    • 存放后端程序代码。
  • views:存放模板文件。
  • app.js:项目启动入口文件。执行该文件后,可以启动服务器,服务器启动后,项目资源就可被用户访问(浏览器请求)。
  • package.json:管理项目包的配置文件。

express初体验

  1. 创建目标项目

    express firstExpress
  2. 下载express项目依赖的第三方包(保证在目标package.json文件所属的上层文件夹中执行以下命令)

    1. cd firstExpress

    2. npm i

  3. 创建项目首页

  4. 配置启动信息

    删除app.js中最后一行module.exports = app;
  5. app.js中最后部分添加以下代码:(查看系统端口占用情况netstat -ano
    • app.listen(端口号,服务器启动成功时调用的函数);
    •  
  6. 启动服务器

          node app.js

               关闭服务器可以选择关闭当前终端或者输入ctrl+c

        7.用户就可以通过浏览器来访问服务器资源了

                http://主机:端口号/资源路径

                eg:http://127.0.0.1:3000/html/index.html

     注意:如果没指定资源路径,服务器会默认从public文件夹中查找index文件作为请求资源;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值