如何把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中文網其他相關文章！