npm 相关，看这篇就够了!

最近在研究 npm 组件发布，碰到一些相关问题，算是整理一下。

• package.json 文件介绍
• .npmrc 的作用及配置
• 公网 npm 组件发布

package.json 定义了当前项目中 npm包 之间的依赖关系和项目的一些配置信息（项目名称，版本，描述，开发人，许可证 等等）。

当说到包管理器，就会遇到 yarn 和 npm 的选择性问题。我是喜欢用 yarn
的，看看 github 上的开源项目，比如 vue 项目下就有 yarn.lock 文件，由此我猜测 yarn 可能更受欢迎一些，日常使用中我也是 yarn 用的比较多。

当我们 npm install 或 yarn install 会根据项目下的 package.json 解析依赖包之间的依赖关系然后从配置的 npm registry （ .npmrc 可以配置对应的 registry）地址中搜索并下载包。

我们可以在 yarn.lock 或 package-lock.json 看到包从哪里下载和依赖关系。

提交代码的时候排除 node_modules 目录，但是要提交 yarn.lock 或 package-lock.json ,用于锁定项目依赖包的版本。并且升级包的时候不要手动改 package.json 中的版本号，要使用命令 yarn upgrade 或 npm upgrade 升级。

npm init 或 yarn init 可以生成 package.json。

{
    "name": "@mflyyou/npm-description",
    "version": "0.1.0",
    "private": true,
    "author": "张攀钦",
    "license": "MIT",
    "main":"index.js",
    "keywords": [
 "npm 搜索关键词"
    ],
    "publishConfig": {
 "registry": "https://registry.npmjs.com/"
    },
    "repository": {
 "type": "git",
 "url": "http://git.com/项目git地址"
    },
    "files": [
 "dist",
 "src"
    ],
    "bugs": {
 "url": "http://localhost:8080//issues",
 "email": "bug@example.com"
    },
    "contributors": [
 {
     "name": "zhangpanqin",
     "email": "zhangpanqin@email.com"
 }
    ],
    "scripts": {
 "dev": "sh ./build/build.sh",
 "npm-version": "npm -v",
 "serve": "vue-cli-service serve"
    },
    "dependencies": {
 "vue": "^2.5.21"
    },
    "devDependencies": {
 "@vue/cli-plugin-babel": "^3.3.0"
    },
    "peerDependencies":{}
}

registry=https://registry.npm.taobao.org/
@pay-plugin:registry=https://npm.udolphin.com

npm version [ | major | minor | patch | premajor | preminor | prepatch | prerelease [--preid=] | from-git]

'npm [-v | --version]' to print npm version
'npm view  version' to view a package's published version
'npm ls' to inspect current package/dependency versions

# 更新 major 的位置，其余位置为 0
npm version major 

# 更新 minor 的位置，major 不变，其余位置为 0
npm version minor 

# 更新 patch 的位置，其余位置不变
npm version patch 

"publishConfig": {
    "registry": "https://registry.npmjs.com/"
}

"scripts": {
    // 运行 shell 脚本
	"dev": "sh ./build/build.sh",
	"build": "npm -v",
    // build 成功之后会执行 publish    
	"pub": "npm run build && npm publish"
}

// fly-use-npm
import flyNpm from 'fly-npm';
const obj = () => {
    console.log('引用的 fly-npm 版本为:', flyNpm.version);
    if (flyNpm.version > 1) {
 throw new Error('版本大于 1');
    }
}
export default obj;

# 获取 .npmrc 用户配置文件路径
npm config get userconfig

registry=https://registry.npm.taobao.org/
@thingjs-plugin:registry=https://npm.udolphin.com

npm config set   [-g|--global]  //给配置参数key设置值为value；
npm config get    //获取配置参数key的值；
npm config delete   [-g|--global]      //删除置参数key及其值；
npm config list [-l]  		//显示npm的所有配置参数的信息；
npm config edit		//编辑用户配置文件
npm get       	//获取配置参数 key 生效的值；
npm set   [-g|--global]  //给配置参数key设置值为value；

# 安装包的时候，配置阿里镜像
registry = https://registry.npm.taobao.org

"publishConfig": {
    "registry": "https://registry.npmjs.com/"
}

# npm adduser [--registry=url] [--scope=@orgname] [--always-auth] [--auth-type=legacy]

npm adduser  --registry=https://registry.npmjs.com/

registry=https://registry.npmjs.com/
//registry.npmjs.com/:_authToken=xxx

{
    "name": "@thingjs-ad/thingjs-app",
    "version": "0.1.1",
    "private": false,
    "scripts": {
 "serve": "vue-cli-service serve",
 "build": "vue-cli-service build --target lib --name thingjs-app ./src/index.js",
 "lint": "vue-cli-service lint",
 "pub": "npm run build && npm publish --access=public"
    },
    "main": "dist/thingjs-app.umd.min.js",
    "files": [
 "src",
 "dist"
    ],
    "devDependencies": {
 "@vue/cli-plugin-babel": "^4.2.0",
 "@vue/cli-plugin-eslint": "^4.2.0",
 "@vue/cli-service": "^4.2.0",
 "babel-eslint": "^10.0.3",
 "eslint": "^6.7.2",
 "eslint-plugin-vue": "^6.1.2",
 "vue-template-compiler": "^2.6.11"
    },
    "eslintConfig": {
 "root": true,
 "env": {
     "node": true
 },
 "extends": [
     "plugin:vue/essential",
     "eslint:recommended"
 ],
 "parserOptions": {
     "parser": "babel-eslint"
 },
 "rules": {}
    },
    "browserslist": [
 "> 1%",
 "last 2 versions"
    ]
}

import AA from './components/AA.vue';

const components = [AA];


// 当调用 Vue.use,实际会调用这个 install 方法。Vue.component 注册全局组件。

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

if (typeof window !== 'undefined' && window.Vue) {
    install(window.Vue);
}

export default {
    version: '1.0.0',
    install,
    AA
}

npm publish --access=public