上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

永春微信公众号开发【永春网络推广】永春建站、永春网站维护、永春网页制作、永春微信小程序代运营公司

永春县（古属泉州府永春县）福建省泉州市下辖县级行政区，地处福建省东南部、晋江东溪上游，东邻仙游县，南接南安市、安溪县，西连漳平市，北与德化县、大田县交界。 [1] 

永春县辖18镇、4乡，共有27个社区、209个行政村。2015年末，根据计生报表统计，共有30个少数民族成分、3117人，少数民族人口分布呈大分散、小聚居格局。全境呈长带形状，东西长84.7千米，南北宽37.2千米，县人民政府驻地桃城镇衙口街1号。 [2]  2017年末全县常住人口46.5万人。 [3] 

2015年，永春县荣膺全国文明县城国家园林县城、全国生态保护与建设示范区、全国绿色食品原料（茶叶、永春柑桔）标准化生产基地县。2018年12月，荣获第二批国家生态文明建设示范市县称号。 [2]  [4-7] 

2018年重新确认国家卫生县城（乡镇）。 [8]  2019年1月25日，入选2018年度全国“平安农机”示范县。 [9] 

2019年永春县GDP达484.10亿元，以第四次全国经济普查总量为基数，初步核算增长8.2% [10]  2020年10月9日，被生态环境部命名为第四批“绿水青山就是金山银山”实践创新基地。

概述

npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题

npm简介

npm,全称【node package management】，是nodejs内置的软件包管理器。毫无疑问，npm是用来管理软件包的。

它是世界上最大的软件注册表，每星期大约有30亿次的下载量，包含超过600000个包(包)(即，代码模块)。来自各大洲的开源软件开发者使用NPM互相分享和借鉴.包的结构使您能够轻松跟踪依赖项和版本。

npm由三大独立部分组成：

1. 网站：开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径，网址为：https://www.npmjs.com/

2. 注册表：是一个巨大的数据库，保存了每个包的基本信息。

3. 命令行工具：开发者与npm包打交道的工具。

npm的使用方法

要使用npm这个软件包管理工具，最常见的方法就是在电脑上安装nodejs，下载地址为：http://nodejs.cn/download/ ，因为nodejs软件内置了npm，所以windows系统在安装nodejs后，打开cmd即可使用npm下载资源；Linux安装nodejs后，打开终端，即可使用npm命令下载资源，nodejs安装过程非常简单，这里不再赘述。

准备工作

注册账户

npm注册地址
需要用到，用户名，邮箱，密码，用户名和密码要牢记发布包的时候要用到。

构建一个项目

npm init初始化你的npm包

package.json

name: 项目的名称，确保在npm包里是独一无二的。

version: 版本号。

description: 包描述。

entry point: 包主入口文件。

test command: 测试命令。一般是npm run test，上线之前确保你的包有测试用例。

git repository: git远程地址，随便填写一个，后期项目上传之后修改。

keywords: 关键词，方便npm包检索，与html中keywords有点像。

author: 作者。

license: MIT或者ISC，我也不懂有什么区别，反正MIT就对了。

添加开源协议

The MIT License (MIT)

Copyright (c) 2020 追梦猪

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

入口文件

import ZmzUiButton from './button/index.js';
import ZmzTag from './tag/index'

// ...继续添加

const components = [
    ZmzUiButton,
    ZmzTag
    // ...继续添加
]

const install = function (Vue, opts = {}) {
    components.map(component => {
        Vue.component(component.name, component);
    })
}

/* 支持使用标签的方式引入 */
if (typeof window !== 'undefined' && window.Vue) {
    install(window.Vue);
}

export default {
    install,
    ZmzUiButton,
    ZmzTag
    // ...继续添加
}

测试组件

在发正式包之前可以在本地先打一个包，然后测试下有没有问题，如果没问题再发布到npm上。
首先，打包到本地

npm run build
npm pack

npm pack 之后，就会在当前目录下生成 一个tgz 的文件。
打开一个新的vue项目，在当前路径下执行(‘路径’ 表示文件所在的位置)

npm install 组件名称.tgz

然后，在新项目的入口文件（main.js）中引入

import 变量名 from '组件名称'
Vue.use(变量名)

发布

在前面测试组件可以正常使用后 就可进行发布了

在npm上注册好账号，并且邮箱通过验证
有了账号以后 就可以进行发布了

1.npm login 输入账号，密码，邮箱

2.npm publish 回车就可以了

3.npm --force unpublish 包名称 删除发布的测试包（删除包要24小时之后才能上传）

npm 常用操作

1. npm config set registry https://registry.npm.taobao.org //设置淘宝镜像

2. npm config set registry http://registry.npmjs.org //设置官方镜像

3. npm config get registry //获取镜像地址

4. npm —force unpublish safe_manage_view //删除npm包

5. npm login //npm 登录

6. npm publish //npm 发布包

7. npm install —save hzm-npm-test //安装包

8. npm pack //打包

本地包的更新

在package.json 文件所在的目录中执行 npm update 命令

执行 npm outdated 命令。不应该任何输出

全局包的更新

npm update -g <package> 更新某一个全局包

npm update -g 更新所有的全局包

包的删除

本地包删除 ：npm uninstall <package>

全局包删除 ：npm uninstall -g <package>

正式版提交

npm publish

npm install <package>

　测试版提交

npm publish --tag=beta

npm install <package>@beta

npm info <package> 查看信息

永春微信公众号开发【永春网络推广】永春建站、永春网站维护、永春网页制作、永春微信小程序代运营公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）