AI智能
改变未来

在Nodejs中使用express框架构建项目

文章目录

  • 手动生成项目
  • 项目初始化
  • package.json文件
  • 安装express框架
  • 直接安装
  • 镜像安装
  • 创建server.js文件
  • 启动服务
  • 访问地址
  • 静态文件夹的设置
  • 项目生成器快速搭建express项目
    • 创建项目
    • 项目目录结构
    • 访问地址
  • 安装第三方包
  • 手动生成项目

    项目初始化

    在终端中使用$npm init 命令

    $npm init  //连续回车默认,最终直接生成package.json文件$npm init -y //直接生成默认package.json文件

    package.json文件

    {\"name\": \"test\",//项目名字\"version\": \"1.0.0\",//版本号\"description\": \"\",//项目描述\"main\": \"index.js\",\"scripts\": {\"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"},\"author\": \"\",//作者\"license\": \"ISC\"}

    安装express框架

    直接安装

    //局部安装$npm instsll express//全部安装$npm instsll express -g//安装完成后出现node_modules文件夹和package-lock.json文件

    镜像安装

    $ npm install nrm -g// nrm 这个包管理器,就是收集国内的各个厂商的镜像地址,安装好这个 nrm 包以后,通过命令可以快速切换各个国内镜像的地址。$ nrm ls //列举所有镜像地址$ nrm use 镜像名称 //切换镜像地址$npm instsll express //安装

    创建server.js文件

    const express=require(\"express\");app=express();app.listen(8080,function(err){if(!err){console.log(\"服务已启动\");}})

    启动服务

    在项目文件夹下的终端中输入命令

    node server.js

    访问地址

    localhost://127.0.0.1:8080/
    默认访问项目中www文件夹下的index.html

    静态文件夹的设置

    app.ues(express.ststic(\"www\"));

    项目生成器快速搭建express项目

    创建项目

    1. 全局安装express
      $npm install express -g
    2. 还需要命令
      $npm install express-generator -g
    3. 终端中输入命令,创建项目
      $express \"项目名称\" --view=ejs
    4. 输入命令 生成package-lock.json文件
      $npm install

      5.输入命令 启动项目

      $npm start

    项目目录结构

    • bin/www(创建、启动服务)
    • public 静态目录
    • routers 路由存放的路由模块
    • views 存放模板文件
    • app.js配置服务

    访问地址

    localhost://127.0.0.1:3000/

    安装第三方包

    $npm install \"第三方包名称\"

    赞(0) 打赏
    未经允许不得转载:爱站程序员基地 » 在Nodejs中使用express框架构建项目