IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> npm与包 -> 正文阅读

[JavaScript知识库]npm与包

? 学习到node阶段,学会开发一个属于自己的包是很重要的,可以更好的了解如何使用包,而想要开发包,首先就得了解什么是包,下面我们就让我们一起了解包的概念,并开发一个自己的包.

什么是包,为什么需要包?

  • node.js中的第三方模块又叫做包.
  • 由于node.js指提供了一些底层的API,基于内置模块进行开发时,效率很低.而包是基于内置模块封装出来的,提供了更高级,方便的API,极大的提高了开发效率.包有助于我们更轻松的开发.
  • 详细可以了解npm官网.
  • 了解之后可以使用npm包管理工具在https://registry.npmjs.org/服务器中把包下载到本地.在终端中输入 npm -v 命令可以查看npm包管理工具的版本号.

?npm常用命令

npm install 包的完整名称 // 安装包 简写: npm i
npm i 包名 -g  // 全局安装;
npm i 包1 包2 ... // 一次安装多个包,中间用空格隔开
npm i 包@版本号 // 安装指定版本的包
npm uninstall 包名 // 卸载包
npm publish 包名// 发布包
npm unpublish 包名 --force // 删除发布的包

npm i moment // 例如安装一个moment包,配置信息可查文档

?下载使用包

  1. npm init -y// 该命令可以在根目录创建package.json配置文件,
    该文件会自动记录当前项目的基本信息,也可手动修改
  2. 通过npm包管理工具安装包
  3. const xxx = require('包名称');//通过require方法导入

包的分类

?包分为项目包全局包

注意:需要通过require引入使用的为项目包,通过命令来使用的为全局包

项目包又分为开发依赖包生产依赖包

简单理解为: 在开发中才用的到的包为开发依赖包,记录在devDependencies节点中,开发期间和项目上线都用的到的包为生产依赖包,记录在dependencies节点中.

解决包下载慢的问题

由于下载包的时候,npm默认是从国外的服务器进行下载,所以速度慢是在所难免的,而解决这个问题我们该怎么做呢?

  1. 了解淘宝npm镜像源,淘宝在国内搭建了一个服务器,专门把官网服务器上的包同步到国内服务器,然后在国内提供下包的服务,从而极大的提高了下包的速度.
  2. npm config get registry // 查看当前镜像源
    npm config set registry=https://registry.npm.taobao.org/ //切换为淘宝镜像源
    npm config get registry // 查看是否切换成功

上面的步骤执行起来过于复杂,所以为了更方便的切换镜像源,我们可以安装nrm这个小工具.利用其提供的终端命令,可以快速查看和切换下包的镜像源.

npm i nrm -g //将nrm安装为全局可用的工具
nrm ls // 查看所有可用镜像源
nrm use taobao //切换为淘宝镜像源 

?规范的包结构

  1. 必须以单独的目录存在
  2. 包的顶级目录下必须要包含package.json这个包管理配置文件
  3. package.json中必须包含name,version,main这三个属性,分别代表包的名字.版本号.包的入口.

包的一些基本概念与规则我们目前也有了一定的了解,可以关注我的下篇文章,让我们一起来开发出一个属于自己的包吧...

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-10-08 11:42:45  更:2021-10-08 11:44:26 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/18 21:37:49-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码