在NPM發布自定義元件

2021-10-02 04:02:41 字數 438 閱讀 1660

1、首先登入 npm官網 註冊個賬戶並登入

2、自己先建立乙個資料夾執行 npm init --yes

3、執行npm publish

新建乙個vue專案

vue create my-project

cd my-project

npm run serve

修改檔案目錄

1、在src目錄下新建components資料夾然後在此資料夾下新建main.vue

main.vue

3、在根目錄新建index.js檔案

發布到npm

npm publish

1、npm install 《元件名》

2、在使用的地方

自定義vue元件發布到npm

為什麼會有這個想法呢,主要是vue專案中自定義的元件在多個專案中使用。導致修改bug的時候,總是要在專案分支中修改,然後同步到主線上,這樣容易導致分支修改後沒有同步到主線,慢慢的就會導致元件版本不統一,而導致公升級元件很繁瑣,最後可能都要去維護多個元件的不同版本,這樣不是我們想要的。所以就打算將元件...

將自定義的vue元件發布到npm

一.建立元件並配置 1.通過vue腳手架的簡易版vue init webpack 命令建立乙個vue工程 前面的部落格有 2.寫好自己的元件,並做好配置 專案結構如圖 1 說明 src下的index.js是專案的入口檔案 改了配置檔案 demo1資料夾表示乙個元件的分類 demo1下的index.j...

自定義元件

myedittext 清除輸入的資料 setcompunddrawable 設定edittext ontouchevent ondraw 作用 繪製view顯示的內容,由系統自動呼叫 常用類 paint,canvas invalidate,postinvalidate 貪吃蛇原理 改變集合中的資料,...