vue コンポーネントを npm に公開する方法

vue コンポーネントを npm に公開する簡単な方法と手順を説明します。必要な友達は一緒に学び、参照することができます。

1.0 新しいプロジェクト

1.1 プロジェクトを初期化します
npm init と入力し、その後必要なものを入力します

新しい src ディレクトリを作成し、src ディレクトリにalert.vue を作成します

$ npm init
$ mkdir src
$ cd src
$ touch alert.vue

最後のディレクトリ構造

1.2 エントリファイルを変更します

package.jsonを開いて変更します

1.3 コンポーネントの内容を書きます

このコンポーネントの内容は自由に記述できます。最初にテストしてみましょう。これは次のとおりです書いたこと

<template>
  <p class="alert">
    <p>dddddd</p>
  </p>
</template>

<style>
  .alert {
    color: red;
  }
</style>

<script>

export default {
  name:&#39;vue-x-alert&#39;
}

</script>

2.0 npmを登録する

npm公式サイトを開いて登録し、登録したアカウントとパスワードnpm-urlを覚えておく

2.1 npmにログインして公開する

$ npm login // 登录
$ npm publish

2.3 npmを開いて、リリースしたばかりのコンポーネント

上記は私があなたのためにまとめたものです。将来皆さんのお役に立てれば幸いです。

関連記事:

jQueryでドロップダウンメニューを実装する方法

vueで渡すルートパラメータを使用する方法

AngularJsで双方向バインディングを使用する方法

パンくずリストを実装する方法ナビゲーション機能

以上がvue コンポーネントを npm に公開する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。