前言

在工作的或者是平时自己写项目的时候，我们经常会使用配置好的脚手架，例如vue-cli或者是create-react-app等，这些包都是一个官方给的基础包，对于很多的内容还需要自己去配置填写。平时为了节省时间都是把其他项目的除node_module以外的文件夹全部复制，在拿过来改。现在跟大家分享一个高逼格的方法使用npm直接安装自己的包。

地址链接
npm官网地址：npm官网

相关文章
node环境搭建（node安装、npm/cnpm & yarn/tyarn 缓存设置 与 镜像配置 ）

文章适用于有一定node基础，并本地安装了node的同学。没有安装的可以点击这里node环境搭建（node安装、npm/cnpm & yarn/tyarn 缓存设置 与 镜像配置 ）

一、基础配置

1、注册

前往npm官网进行注册，如果已经有账号的可以不需要注册。

2、本地配置

1、在文件夹中win + r，输入cmd，进入到终端。
2、输入npm login，出现如下内容。

Username： 你在npm官网注册的用户名
Password：你在npm官网注册账号的密码（这里直接输就好了，密码是不见的。）
Email：你在npm官网绑定的邮箱

完成上述操作后，基本配置就可以了。

二、使用

  • 1、创建一个文件夹。
  • 2、在文件夹中打开终端。
  • 3、输入npm init，初始化一个包管理文件。 
Last login: Tue Sep 17 20:37:27 on ttys007
fushuangyudeMacBook-Pro:test-package dm$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.
See `npm help json` for definitive documentation on these fields
and exactly what they do.
Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.
Press ^C at any time to quit.
package name: (test-package)  //你创建的包的名称
version: (1.0.0) 	//包目前的版本号
description:    //包描述
entry point: (index.js)   //入口文件
test command:   
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/dm/npm插件/test-package/package.json:
{
   
  "name": "test-pack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
   
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
Is this OK? (yes)

下面对上述package文件的属性做一个说明：

name - 包名称。
version - 包的版本号。
description - 包的描述。
homepage - 包的官网 url 。
author - 包的作者姓名。
contributors - 包的其他贡献者姓名。
dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。
repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。
main - main 字段指定了程序的主入口文件，require(‘moduleName’)
就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。
keywords - 在npm社区的搜索关键字

  • 4、若配置过npm镜像地址，需要把镜像地址切换到npm官网。（淘宝镜像只能拉去包） 
//切换到npm官网
npm config set registry http://registry.npmjs.org

//切换到淘宝镜像
npm config set registry https://registry.npm.taobao.org
  • 5、在终端中输入npm push

完成上述操作就可以了。

总结

这里需要注意：上传包的时候npm地址必须是npm官网地址。完成上述操作后就可以完成我们自定义包的上传。