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日

相关文章

  • 魔鬼字典 JavaScript 笔记 代码比较多乱第3/3页

    下面是详细讲解“魔鬼字典 JavaScript 笔记 代码比较多乱第3/3页”的完整攻略。 1. 了解魔鬼字典的功能 魔鬼字典是一个基于 JavaScript 实现的词典工具,可以帮助用户查询单词的翻译、同义词、反义词和例句等信息。该工具的主要功能包括: 解析用户输入的单词,并根据单词的不同词性展示不同的内容。 可以查询单词的翻译、同义词、反义词和例句等信息…

    JavaScript 2023年5月19日
    00
  • javascript表单验证以及正则表达式举例详解

    JavaScript表单验证以及正则表达式详解 在前端开发中,表单验证是必不可少的环节之一。JavaScript提供了强大的正则表达式功能,可以用来验证输入内容的格式是否符合所需规则。本文将详细讲解JavaScript表单验证以及正则表达式的使用方法。 表单验证 在表单提交数据前,我们需要对用户输入的数据进行验证,确保数据的格式符合要求。例如,一个注册表单需…

    JavaScript 2023年6月10日
    00
  • js中递归函数的使用介绍

    JS中递归函数的使用介绍 什么是递归函数? 递归函数是指在函数定义中调用自身的函数。通过使用递归函数,可以将一个大问题逐渐分解为若干个小问题,从而更容易解决。递归函数是一个强有力的工具,它在许多编程语言中广泛使用。 如何使用递归函数? 最简单的递归函数定义只是一个条件判断和一个递归调用。如下所示: function recursiveFunc(param) …

    JavaScript 2023年5月27日
    00
  • 微信小程序倒计时功能实现代码

    下面是讲解“微信小程序倒计时功能实现代码”的完整攻略。主要分为以下几个步骤: 步骤一:编写倒计时函数 倒计时的实现需要从当前时间开始计算,计算出设定的截止时间,然后不断刷新倒计时的显示,直到倒计时结束。下面是一个简单的倒计时函数实现示例: function countdown(endTime) { var now = +new Date(); // 计算剩余…

    JavaScript 2023年6月11日
    00
  • Javascript Object对象类型使用详解

    Javascript Object对象类型使用详解 在 Javascript 中,Object 对象类型是最重要的类型之一。它是一种可以容纳各种数据类型的复合类型,用于表示对象实体或无序集合。在本文中,我们将详细讲解 Object 对象类型的各个方面,包括创建、读写属性、遍历、方法和继承等。 创建 Object 对象 使用 Object 构造函数或对象字面量…

    JavaScript 2023年5月27日
    00
  • javascript中attribute和property的区别详解

    JavaScript中attribute和property的区别详解 在JavaScript中,我们通常会用到HTML元素的属性和属性值,这些信息可以通过attribute或property来获取。虽然它们很相似,但是它们之间还是有很大的区别的。 Attribute Attribute是HTML元素上出现的特性(比如id、class、name等),它们包含在…

    JavaScript 2023年6月10日
    00
  • JavaScript简介_动力节点Java学院整理

    JavaScript简介:动力节点Java学院整理 什么是JavaScript JavaScript是一种基于对象和事件驱动的脚本语言,是目前世界上应用最广泛的编程语言之一。通常用于客户端的Web开发,可以通过HTML文档中内嵌的JavaScript脚本来实现对网页的交互和动态效果。 JavaScript的特点 JavaScript具有以下几个特点: 轻量级…

    JavaScript 2023年5月18日
    00
  • JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享

    下面是详细讲解“JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享”的攻略。 1. 确定时间差 在实现几分钟前、几小时前、几天前等时间差显示效果之前,首先需要确定时间差。通常我们可以通过获取当前时间和要计算的时间之间的毫秒数,然后将其转换为对应的时间差。 var now = new Date().getTime(); // 当前时…

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