前端框架前置知识之Node.js:模块化、导入导出语法、包的概念、npm介绍

什么是模块化?

在Node.js中,每一个文件都被视为一个单独的模块

概念:项目是由很多个模块文件组成的

好处:提高代码复用性,按需加载,独立作用域

使用:需要标准语法导出和导入进行使用

导入导出语法

CommonJS 标准

使用:

1. 导出:module.exports = {}

2. 导入:require('模块名或路径')

模块名或路径:

✓ 内置模块:直接写名字(例如:fs,path,http)

✓ 自定义模块:写模块文件路径(例如:./utils.js)

ECMAScript 标准

到时候学了Vue之后都是用ECMAScript 标准进行导入和导出,所以这种语法要重点掌握

默认导出和导入

默认标准使用:

1. 导出:export default {}

2. 导入:import 变量名 from '模块名或路径' 

注意:Node.js 默认支持 CommonJS 标准语法 如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json 文件,并设置 { "type" : "module" }

命名导出和导入

命名标准使用:

1. 导出:export 修饰定义语句

2. 导入:import { 同名变量 } from '模块名或路径‘

如何选择: 按需加载,使用命名导出和导入

全部加载,使用默认导出和导入

包的概念

如果说模块是文件,那么包就是文件夹

包:将模块,代码,其他资料聚合成一个文件夹

包分类:

✓ 项目包:主要用于编写项目和业务逻辑

✓ 软件包:封装工具和方法进行使用

要求:根目录中,必须有 package.json 文件(记录包的清单信息)

注意:导入软件包时,引入的默认是 index.js 模块文件,如果软件包中没有index.js文件,那么就引入 package.json 中 main 属性指定的模块文件

通俗地讲,就是无论你的软件包里写了多少个方法,最终对外暴露出的都是index.js中的方法。因此,编写软件包代码的套路是:在其他文件中定义方法并导出,再导入到index.js中,并在index.js中导出这些方法

npm - 软件包管理器

软件包分类

➢ 本地软件包:当前项目内使用,封装属性和方法,存在于 node_modules

➢ 全局软件包:本机所有项目使用,封装命令和工具,存在于系统设置的位置 

本地软件包 

使用: 1. 初始化清单文件 :npm init -y(得到 package.json 文件,有则略过此命令)

2. 下载软件包 :npm i 软件包名称(软件包源码自动放入 node_modules 中)

3. 使用软件

为什么下载了别人的项目之后不能直接运行?

因为项目中不包含 node_modules

为什么node_modules包不会被拷贝过来?

因为,自己用 npm 下载依赖比磁盘传递拷贝要快得多

解决:项目终端输入命令:npm i 下载 package.json 中记录的所有软件包。注意,要先把package-lock.json删除,再执行npm i命令

全局软件包

以nodemon为例介绍全局软件包

nodemon 作用:替代 node 命令,检测代码更改,自动重启程序

使用:

1. 安装:npm i nodemon -g(-g 代表安装到全局环境中)

2. 运行:nodemon 待执行的目标 js 文件

常用命令总结

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/871744.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

在pycharm 2023.2.1中运行由R语言编写的ipynb文件

在pycharm 2023.2.1中运行由R语言编写的ipynb文件 背景与目标: 项目中包含由R语言编写的ipynb文件,希望能在pycharm中运行该ipynb文件。 最终实现情况: 未能直接在pycharm中运行该ipynb文件,但是替代的实现方法有:…

对AAC解码的理解

《对 AAC 音频解码的理解》 音频编解码技术在现代数字音频处理和传输中起着至关重要的作用,而高级音频编码(Advanced Audio Coding,简称 AAC)作为一种高效的音频压缩编码标准,被广泛应用于各种音频场景,如…

自然语言处理(NLP)——法国工程师IMT联盟 期末考试题

1. 问题1 (法语)En langue arabe lcrasante majorit des mots sont forms par des combinaisons de racines et de schmes. Dans ce mcanisme... (英语)In Arabic language the vast majority(十之八九) of…

Unity3D开发之传送带实现

/// <summary> /// 传送带 直线传送带 /// </summary> public class ConveyerBelt : MonoBehaviour {public float Speed 1;protected float mspeed;protected Vector3 direction;protected Rigidbody rd;List<GameObject> Goods new List<GameObject&…

计算机网络 VPN技术

VPN (Virtual Private Network&#xff0c;虚拟专用网络&#xff09;是一种通过公用网络&#xff08;通常是因特网&#xff09;建立专用网络的技术 VPN&#xff08;Virtual Private Network&#xff0c;虚拟专用网络&#xff09;是一种通过公用网络&#xff08;如互联网&#x…

ServiceNow UI Jelly模板注入漏洞复现(CVE-2024-4879)

0x01 产品简介 ServiceNow 是一个业务转型平台。通过平台上的各个模块,ServiceNow 可用于从人力资源和员工管理到自动化工作流程或作为知识库等各种用途。 0x02 漏洞概述 由于ServiceNow的Jelly模板输入验证不严格,导致未经身份验证的远程攻击者可通过构造恶意请求利用,在…

在线图书销售管理系统设计

在线图书销售管理系统的设计是一个涉及多个模块和功能的复杂项目&#xff0c;它旨在提高图书销售的效率&#xff0c;优化库存管理&#xff0c;提升用户体验&#xff0c;以及提供数据分析支持。以下是系统设计的一些关键组成部分&#xff1a; 1. 需求分析 用户需求&#xff1a…

R语言简单介绍及零基础学习路径

R语言介绍 R语言是一种用于统计计算和数据分析的编程语言和软件环境。它最初由Ross Ihaka和Robert Gentleman在新西兰奥克兰大学创建&#xff0c;如今由R核心开发团队进行维护。 R语言广泛用于学术研究、经济学、金融、统计学、生物信息学和数据科学领域。以下是对R语言的一些详…

[综述笔记]Functional neuroimaging as a catalyst for integrated neuroscience

论文网址&#xff1a;Functional neuroimaging as a catalyst for integrated neuroscience | Nature 英文是纯手打的&#xff01;论文原文的summarizing and paraphrasing。可能会出现难以避免的拼写错误和语法错误&#xff0c;若有发现欢迎评论指正&#xff01;文章偏向于笔…

Stable Diffusion 使用

目录 背景 最简单用法 进阶用法 高手用法 safetensor 一、概述 二、主要特点 背景 Stable Diffusion 开源后&#xff0c;确实比较火&#xff0c;上次介绍了下 Stable Diffusion 最简单的concept。今天继续介绍下&#xff0c;以Liblib 为例&#xff0c;介绍下如何使用参…

策略模式适用场景与具体实例解析

策略模式在多种场合下都能发挥其优势&#xff0c;尤其在需要根据不同条件或策略选择不同算法的场景中。下面是几个具体的适用场景及其对应的实例&#xff0c;以帮助进一步理解策略模式的实际应用。 1. 支付方式选择 在电子商务网站中&#xff0c;用户可以选择多种支付方式&am…

807.力扣每日一题7/14 Java(执行用时分布击败100%)

博客主页&#xff1a;音符犹如代码系列专栏&#xff1a;算法练习关注博主&#xff0c;后期持续更新系列文章如果有错误感谢请大家批评指出&#xff0c;及时修改感谢大家点赞&#x1f44d;收藏⭐评论✍ 目录 解题思路 解题过程 时间复杂度 空间复杂度 Code 解题思路 首先…

网络安全策略:优先防护而非溯源的重要性

面对网络攻击&#xff0c;企业往往面临一个关键决策点&#xff1a;是立即投入资源进行攻击溯源&#xff0c;还是优先加强自身的防御体系。尽管溯源分析有助于了解攻击者的手段和动机&#xff0c;但在大多数情况下&#xff0c;优先强化防护是更为明智的选择。本文将探讨为何在遭…

LLM上下文长度扩展方案:YaRN

文章目录 I. 前言II. NTK-by-partsIII. YaRNIV. Dynamic NTK 题目&#xff1a; YaRN: Efficient Context Window Extension of Large Language Models 论文地址&#xff1a; YaRN: Efficient Context Window Extension of Large Language Models I. 前言 在之前的两篇文章中分…

RuoYi-后端管理项目入门篇1

目录 前提准备 下载若依前后端 Gitee 地址 准备环境 后端数据库导入 1 克隆完成 若依后端管理后端 Gitte 地址 :若依/RuoYi-Vue 2.1 创建Data Source数据源 2.2 填写好对应的数据库User 和 Password 点击Apply 2.3 新建一个Schema 2.4 填写对应数据库名称 这边演示写的…

【工具使用】adb下载和配置

【工具使用】adb下载和配置 一&#xff0c;简介二&#xff0c;操作步骤2.1 Bing搜索adb2.2 下载adb工具2.3 添加路径到环境变量 三&#xff0c;效果验证 一&#xff0c;简介 本文主要介绍如何下载adb并安装使用&#xff0c;供参考。 此时打开cmd&#xff0c;输入adb 会提示&am…

计算机网络——网络层(概念及IP地址划分)

目录 网络层概念 网络层向上层提供的两种服务 虚电路 网络提供数据报服务 虚电路服务与数据报服务的对比 网络层的两个层面 分组传送到路由器的运作 对网络层进行分层 网际协议IP 虚拟互联网络 IP地址 IP地址及其表示方法 IP地址的计算方式 IP地址的结构 …

每日一练,java

目录 描述示例 总结 描述 题目来自牛客网 •输入一个字符串&#xff0c;请按长度为8拆分每个输入字符串并进行输出&#xff1b; •长度不是8整数倍的字符串请在后面补数字0&#xff0c;空字符串不处理。 输入描述&#xff1a; 连续输入字符串(每个字符串长度小于等于100) 输…

用Java连接MySQL数据库的总结

✨个人主页&#xff1a; 不漫游-CSDN博客 前言 在日常开发中&#xff0c;使用Java连接MySQL数据库是一个常见的任务&#xff0c;涉及多个步骤。接着我就带着大家细细看来~ 一.下载.jar 包文件 1.什么是.jar 文件 通俗点讲就是一个压缩包&#xff0c;不过里面存放的都是由Java代…

算法热门工程师面试题(一)

BERT模型&#xff1a;请介绍BERT模型的基本原理及其在自然语言处理中的应用 BERT&#xff08;Bidirectional Encoder Representations from Transformers&#xff09;模型是一种由Google在2018年提出的预训练语言模型&#xff0c;它在自然语言处理&#xff08;NLP&#xff09;…