使用npm发布、查看、引用、删除本身的包[小白推荐]

前言

 怎么使用npm发布本身的组件包呢？博主看了很多相关的文章，都没有一个好的讲述。要么丢三落四，要么就是复杂到外行人根本看不懂，甚至无从下手。因而，在博主的潜心钻研下，终于成功了！因此，我打算写一篇更为实用的、简洁但详细的、面向小白的教程供你们参考！

前提准备

1.要求会安装软件；
2.要求能配置环境变量；
3.要求会使用CMD；
4.要求会打开网页注册帐号。

（只要你会以上技能，这里均可以看懂）

步骤简介

• [安装NodeJS]
  • [下载安装包]
  • [安装软件]
  • [测试]
  • [配置环境]
    • [配置环境变量]
    • [安装npm全局模块]
• [注册npm帐号]
  • [打开npm官网]
  • [注册帐号]
• [发布本身的包]
  • [制做包]
  • [上传包]
• [附录]
  • [引用包]
  • [查看包]
  • [删除包]

（从你须要开始的地方看）

详细过程

安装NodeJS

 下载安装包

到Node官网下载NodeJS，官网地址:https://nodejs.org/en/download/
根据本身的须要下载适当的安装包

 安装软件

1.双击NodeJS的Windows Installer 程序包文件；

2.点击 Next;

3.先勾选 I accept the terms in the License Agreement再点击 Next;

4.此处能够根据我的需求修改安装目录(博主安装目录为 E:\Nodejs),而后点击 Next;

5.此处默认安装相关组件，点击 Next;

6.点击 Next；

7.点击 Install，等待安装完成最后点击 Finish。

 测试

1.组合键WIN+R，输入“CMD”打开CMD窗口。输入“node -v”后显示当前NodeJS版本，说明安装成功。输入“npm -v”后显示当前npm版本，说明自带的npm已经安装成功；

2.关闭CMD窗口。

简单说明：新版的NodeJS已自带npm，安装NodeJS时会一块儿安装，npm的做用就是对Node.js依赖的包进行管理，也能够理解为用来安装/卸载Node.js须要装的东西。

 配置环境

说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径 | 此处节省C盘空间会把模块所有安装到NodeJS的安装根目录下(博主为：E:\Nodejs)。

配置环境变量

1.在根目录下(博主为：E:\Nodejs)新建文件夹：node_global和node_cache；

2.以管理员身份打开CMD窗口，输入如下命令，没有回复便可!记得关闭窗口！
npm config set prefix "E:\Nodejs\node_global"
npm config set cache "E:\Nodejs\node_cache"；



3.个人电脑-右键菜单-属性-高级系统设置-高级-环境变量；

4.在系统变量下新建：
|变量名(N):|NODE_PATH|
|变量值(V):|E:\Nodejs\node_global\node_modules|；

5.在用户变量下的Path中，替换原来的值为：E:\Nodejs\node_global。千万别忘了点肯定；


6.配置完后，安装个module测试下，咱们就安装最经常使用的express模块，以管理员身份打开CMD窗口。

安装全局模块

1.输入以下命令进行模块的全局安装：npm install express -g（“-g”是全局安装的意思）；

2.等待安装完毕。

注册npm帐号

打开官网

 https://www.npmjs.com/signup

注册帐号

 本身按照提示注册一个帐号，很简单。博主就不细讲了！

发布本身的包

制做包

1.先建立一个文件夹，名字为你的项目名。把你的项目所有移动到该文件夹下。而后以管理员身份运行CMD，并经过“cd+文件路径”命令进入该文件夹(不会的能够问度娘);

2.输入“npm init”命令初始化当前项目信息，建议直接输入“npm init -y”跳过此步，全部的设置默认！若是想改信息，直接在生的package.json 文件里改就行了;

如下是部分参考信息:

{
  "name": "#####",             //包的名称  
  "version": "1.0.0",        //版本号  
  "description": "仅供测试，别下载",    //包的描述  
  "main": "index.js",                    //文件入口，默认是index.js，可修改 
  "scripts": {  
    "test": "echo \"Error: no test specified\" && exit 1"    //测试命令，能够不填直接回车  
  },  
  "keywords": [  
    "测试"                                        //项目关键词，供搜索  
  ],  
  "author": "###",                            //做者名称  
  "license": "ISC",                            //包遵循的开源协议，默认是ISC  
  "dependencies": {}  
}

3.配置完成后会出现“is this OK？(yes)”字样，直接回车确认（若是你输入的是“npm init -y”则会直接生成package.json文件，组件信息在该文件里直接改就好了）。回车后回到文件夹，会多出来一个package.json，里面就是刚才填写的信息。至此，一个最简单的包已经作好了！

发布包

1.使用npm login命令登陆本身注册的npm帐户；
2.输入npm who is am i查看当前登陆的是谁，确保已经登陆；

3.最后，大胆的输入命令npm publish并回车。当看到“+ 你的包名@包的版本”信息时，你就成功发布了本身的npm包啦！

附录

引用包

 要想调用本身的文件能够按照如下格式来访问 https://unpkg.com/包名(最外面那个文件夹的名字)+@+版本号/你要访问的文件在根目录下的相对路径

 例如：我在更目录文件夹名字是 test 里面有一个 readme.txt 文件和一个 forTest 文件夹。在 forTest文件夹下还有一个文件名为 README.txt。

 则readme.txt和README.txt的访问连接为：
https://unpkg.com/test@1.0.0/readme.txt
https://unpkg.com/test@1.0.0/forTest/README.txt

查看包

在登陆状态下能够使用一下命令实现查看包：

1.查看对应包的全部版本 npm view 包名 versions；

2.查看对应包的最新版本 npm view 包名 version；

3.查看对应包的全部版本及详细信息 npm info 包名。

删除包

想要删除对应版本的包可以使用该命令：

npm unpublish 包名@版本

原创说明

做者：SeaFever 本文连接：https://www.cnblogs.com/seafever/p/12268128.html 转载请注明出处！ 侵权必究！