前言
在工作的或者是平时自己写项目的时候,我们经常会使用配置好的脚手架,例如vue-cli或者是create-react-app等,这些包都是一个官方给的基础包,对于很多的内容还需要自己去配置填写。平时为了节省时间都是把其他项目的除node_module以外的文件夹全部复制,在拿过来改。现在跟大家分享一个
高逼格的方法
使用npm直接安装自己的包。
地址链接
npm官网地址:
npm官网
文章适用于有一定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官网地址
。完成上述操作后就可以完成我们自定义包的上传。