express项目的创建

前言

前端开发者若要进行后端开发,大多都会选择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
    express项目的创建

安装淘宝镜像cnpm

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

  2. 验证cnpm是否安装成功:cnpm -v
    express项目的创建

安装express-generator

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

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

  3. 验证是否安装成功:express --version
    express项目的创建

创建项目

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

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

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

启动项目

  1. 输入命令:npm start 会出现下图
    express项目的创建

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

项目热更

  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

原文链接:https://www.cnblogs.com/xi12/p/17317806.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:express项目的创建 - Python技术站

(0)
上一篇 2023年4月17日
下一篇 2023年4月17日

相关文章

  • Js,alert出现乱码问题的解决方法

    让我为你详细讲解如何解决“Js,alert出现乱码问题”。 问题描述: 在 JavaScript 中,当我们在 alert 函数中传入一个包含中文字符的字符串时,可能会出现乱码或者无法正常显示的情况,这给我们的开发和调试带来了很大的困扰。 解决方法: 1.使用 escape 函数进行编码 JavaScript 的 escape 函数可以将字符串转义成 ASC…

    JavaScript 2023年5月19日
    00
  • 7个Python中的隐藏小技巧分享

    下面是“7个Python中的隐藏小技巧分享”的完整攻略: 1. 列表推导式 在Python中,使用列表推导式可以轻松地生成一个列表,从而简化代码。 示例代码如下: # 生成列表中的平方值 squares = [i**2 for i in range(10)] print(squares) 输出结果如下: [0, 1, 4, 9, 16, 25, 36, 49…

    JavaScript 2023年6月11日
    00
  • Python实现的爬取百度文库功能示例

    下面我将为您详细讲解“Python实现的爬取百度文库功能示例”的完整攻略。 简介 百度文库是百度公司提供的一个文档在线分享平台。用户可以在该平台上发布并分享自己的文档,也可以在平台上查找和下载其他用户分享的文档。本文将介绍如何使用Python实现爬取百度文库的功能。 环境配置 使用Python进行爬取的前提是需要配置好相关的环境。配置步骤如下: 安装Pyth…

    JavaScript 2023年5月28日
    00
  • 解析element-ui中upload组件传递文件及其他参数的问题

    解析element-ui中upload组件传递文件及其他参数的问题,需要分步骤进行操作。 第一步:引入Element-ui组件 首先需要在Vue项目中引入Element-ui组件: <template> <el-upload class="upload-demo" ref="upload" :acti…

    JavaScript 2023年6月10日
    00
  • AJAX相关

    AJAX(Asynchronous JavaScript and XML)是一种使用JavaScript和XML进行网页数据异步传输的技术,它可以使网页无需刷新就能直接从服务器获取数据并更新内容,大大提升了用户体验。 本攻略将从以下几个方面讲解AJAX相关的内容: AJAX的原理和优势 AJAX是利用XMLHttpRequest对象来与服务器进行交互的。通过…

    JavaScript 2023年6月11日
    00
  • 一文让你彻底搞清楚javascript中的require、import与export

    一文让你彻底搞清楚JavaScript中的require、import与export 在当前的JavaScript标准中,有两种方式可以导入和导出模块:CommonJS 的 require() 和 module.exports,以及 ES6 的 import 和 export。 CommonJS 的 require() 和 module.exports 在 …

    JavaScript 2023年5月27日
    00
  • javascript的正则匹配方法学习

    JavaScript的正则匹配方法学习 正则表达式是一种用于匹配字符串的模式,它在JavaScript中非常常见。在本文中,我们将介绍怎样在JavaScript中使用正则表达式进行字符串匹配。 1. 创建正则表达式 在JavaScript中,可以使用正则表达式字面量或RegExp对象来创建正则表达式。正则表达式字面量可以使用斜杠”/”包围,其中间为正则表达式…

    JavaScript 2023年6月10日
    00
  • JS中 new Date() 各方法的用法说明

    下面是JS中new Date()各方法的用法说明的攻略: Date对象 Date对象是JS中内置的一个对象,用来操作时间和日期。我们可以通过new Date()构造函数来创建一个Date对象。接下来我们就来详细地讲解一下Date对象中各方法的用法说明。 Date的构造函数 在使用Date对象时,我们可以通过构造函数 new Date() 来创建日期对象。该构…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部