この記事では、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:'vue-x-alert' } </script>
2.0 npmを登録します
npm公式サイトを開いて登録し、登録したアカウントとパスワードnpm-urlを覚えておいてください
2.1 npmにログインして公開します
$ npm login // 登录 $ npm publish
2.3 npmを開いて、リリースしたばかりのコンポーネントを見てください
次に、このコンポーネントをプロジェクトで使用し、npmでインストールし、インポートして使用する必要があります
Update package
package.json
"version ": "1.1.0",
を変更してから再公開すると問題なく動作します
関連する推奨事項:
コンポーネントを書き込む 人生を変える_Vue コンポーネントの謎を解き明かす_html/css_WEB-ITnose
以上がvue コンポーネントを npm に公開する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。