如何用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文件作为请求资源;

猜你喜欢

转载自blog.csdn.net/wzy_PROTEIN/article/details/125428380