您的位置:首页 > 运维架构 > 网站架构

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

2020-07-18 04:39 489 查看

文章目录

  • 创建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 "第三方包名称"

    内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
    标签: