1810a

Node Package Manager 即 Node 包管理器 官网:https://www.npmjs.com/

Usage no npm install needed!

<script type="module">
  import 810a from 'https://cdn.skypack.dev/1810a';
</script>

README

NPM

Node Package Manager 即 Node 包管理器 官网:https://www.npmjs.com/

NPM 仓库是一个公共的 JavaScript 包的数据库,我们可以在这个仓库中找到想要的第三方依赖包,也可以把自己写的一些 js 包发布到上面供其他人使用。

前置:

  • 设置淘宝镜像: npm config set registry https://registry.npm.taobao.org 注意:淘宝镜像只可以下载;官方镜像可以下载和发布包。
  • Windows 脚本权限问题: set-ExecutionPolicy RemoteSigned

一、NPM 项目搭建步骤

1、新建一个文件夹

文件夹命名规范:

  1. 不能为中文
  2. 英文字符必须是全部小写
  3. 名称间不能出现空格(如:test webpack)
  4. 可以使用连接线(-)和下划线(_)
  5. 名称不得过长

2、项目初始化、新建一个入口文件

npm init  // 项目初始化
npm init -y // 快速初始化
{
  "name": "npm-demo",  //项目名称
  "version": "1.0.0",  //版本号
  "description": "",   //项目描述
  "main": "index.js",  //入口文件
  "scripts": {         //脚本、命令
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],      //关键词
  "author": "",        //作者
  "license": "ISC",    //许可
  "devDependencies": { //  开发环境    项目打包的时候不会被打包上线
    "gulp": "^4.0.2"
  },
  "dependencies": {    // 生产环境    项目打包的时候会被打包上线
    "better-scroll": "^2.0.6",
    "swiper": "^6.4.1"
  }
}

3、安装依赖包

npm i <包名> // 本地安装(安装到本目录)
npm i <包名> -g // 全局安装(安装到全局目录)

二、指令集

// 1.安装指令

// 安装开发环境依赖包
npm install <包名> --save-dev
npm i <包名> -D  // 上条指令的简写形式,字母D要大写。

// 安装生产环境依赖包
npm install <包名> --save
npm i <包名> -S  // 上条指令的简写形式,字母S要大写。
npm i <包名>  // 或者不写参数,默认就是--save

// 本地安装(安装到本目录)
npm i <包名>
// 全局安装(安装到全局目录),参数 g 是global的首字母
npm i <包名> -g


// 2.删除指令
npm uninstall <包名> // 删除本地包
npm uninstall <包名> -g // 删除全局包

// 3.更新指令
npm update <包名> // 更新本地包
npm update <包名> -g // 更新全局包

// 4.查看指令
npm list // 查看本地安装了哪些包
npm list -g // 查看全局安装了哪些包

// 5.配置指令
npm config ls // 查看npm配置信息
npm config set prefix <路径> // 配置全局安装路径
npm config set cache <路径>  // 配置全局安装缓存路径
npm config set registry <url> // 配置镜像地址

// 6.发布指令
npm login // 登录npm
npm publish // 发布

三、常用指令

`npm i` // 安装 package.json 中 `dependencies` 声明的包
`npm i <包名>` // 本地安装
`npm i <包名> -g`; // 全局安装

四、练习下包

// nodemon用于监听js文件,自动运行
// 使用方法:nodemon <文件名>
npm i nodemon -g


// nrm是npm镜像管理工具
// 使用方法:
// 1.查看镜像:nrm ls
// 2.切换镜像:nrm use <镜像名称>
npm i nrm -g

// axios是一个http库,用于发起http请求
// 用法:以后会详细介绍
npm i axios

五、Node 的模块加载机制

  • require("标识符") 一般标识符是一个路径
  • 如果标识符是以相对路径开头(./或者../) 加载的是自定义模块
  • 如果标识符是以非相对路径开头 优先加载内置模块(如: fs http path url queryString 等等) 不是内置模块的话,会认为是第三方模块,第三方模块从当前目录查找 node_modules 文件夹,如果没有找到该模块,递归向上查找,直到找到根磁盘。如果根磁盘也没有该模块,会从系统全局变量查找,如果还没有找到,这时系统会报错。cannot find module "模块名称"

六、发包

  1. 注册 npm 账号

    • 官网:https://www.npmjs.com/ 进行注册,正确填写可用邮箱。
  2. 激活 npm 账号(账号不激活不允许发布)

    • 注册成功后,会收到一封激活邮件,点击激活链接,跳转到激活页面,然后点击激活按钮。
  3. 在终端中打开要发布的包的目录

  4. 镜像:nrm use npm(发包必须是官方镜像,这里用nrm工具进行切换)

  5. 登录:npm login

    • username:账户名
    • password:密码(输入密码时,终端不显示)
    • email:自己的邮箱
  6. 发布:npm publish

发包总结:进目录、换镜像、登录、发布