プラグインをnpmに公開する方法

まず、npm アカウントを登録する必要があります npm URL : https://www.npmjs.com/

「サインイン」をクリックしてログインページに移動します

「アカウントの作成」をクリックして新しいアカウントを作成します

登録完了後、ワンタイムパスワードを送信するメールが届きますので、その際に認証を行ってください。

ログイン後、アバターをクリックし、「アカウント」をクリックして確認します

こちらで確認しましたので、これ以上の説明は省略します。

ここでのアカウントの作成が完了したら、構成したフォルダーにコンポーネントを配置します。これが、ここでの構成方法です。

ここのプルヒンは私のコンポーネントです。

README はドキュメントです

Index.js 設定のエクスポート

import vueTouch from './lib/scrolls.vue' // 这个就是你平时写的 SFC 组件

// 这里要导出一个包含 install 方法的对象
const plugin = { // 这里要导出一个 install 方法
  install (Vue, options) {
    // 这里写你的代码，你可以全局注册组件，也可以写全局指令，也可以扩展 Vue 的方法
    // 1. 全局组件
    Vue.component(vueTouch.name, vueTouch)
    // 2. 全局方法或属性
    Vue.myGlobalMethod = function () {
      // 逻辑...
    }
    // 3. 全局指令
    Vue.directive('my-directive', {
      bind (el, binding, vnode, oldVnode) {
        // 逻辑...
      }
    })
    // 4. 注入组件
    Vue.mixin({
      created: function () {
        // 逻辑...
      }
    })
    // 5. 添加实例方法
    Vue.prototype.$myMethod = function (methodOptions) {
      // 逻辑...
    }
  }
}
export default plugin

package.jsonの設定バージョン、名前、作成者など。名前の一意性に注意し、更新時にバージョン番号を変更してください。

{
  "name": "vue-tree-transfres",
  "version": "1.0.1",
  "description": "vue plugins",
  "main": "index.js",
  "directories": {
    "lib": "lib"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "J_C",
  "license": "ISC",
  "dependencies": {
    "vue-tree-transfres": "^1.0.1"
  }
}

ここでの設定が完了したら、ターミナルを開きます

npm アカウントのログインには「npm login」と入力します。

ここで、タオバオミラーが npm に切り替えられているかどうかを確認する必要があります。まだタオバオミラーが実行されている場合は、

npm 設定レジストリ https://registry.npmjs.org/

次に、「npm public」と入力してコードをアップロードします

大丈夫です

プラグインをnpmに公開する方法

おすすめ