npm發布元件 造輪子

目錄結構:

由於修改了src資料夾,啟動vue專案後,找不到入口(main.js)會報錯,所以需要重新指定啟動入口

a. youngform***是乙個資料夾,下面有***dynamicform.vue***和***index

b. ***dynamicform.vue***是元件

export default

export 
default yform

//

匯入各個元件
import yform from './youngform/index'import ytable from './youngtable/index'
//把元件儲存到乙個陣列中
const components =[
yform,
ytable]//
定義 install 方法
在script中加上一句話,「lib」: 「vue-cli-service build --target lib --name young-form --dest lib packages/index.js」
"scripts":
主要需要四個引數：

"description": "這是乙個動態元件",
"main": "lib/young-form.umd.min.js",
"keyword":"",
"private": false
,"license": "mit",
"author": "yuanxiaotian",
......

version: 版本號，不能和歷史版本號相同

description: 簡介

main: 入口檔案，應指向編譯後的包檔案

**keyword：**關鍵字，以空格分割

**author：**作者

**private：**是否私有，需要修改為 false 才能發布到 npm

**license：**開源協議

.ds_store

node_modules/examples/packages/public/vue.config.js
babel.config.js
*.map
*.html
# 本地開發檔案
.env.local
.env.*.local
# 日誌檔案
npm-debug.log*yarn-debug.log*yarn-error.log*# 編輯器檔案
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw*

npm publish

npm發布元件

vue cli建立vue專案以及配置檔案梳理 一 vue打包後靜態資源路徑 設定config index.js檔案裡build部分的assetspublicpath 二 vue打包後部分路徑不對 設定build utils.js檔案裡cssloaders部分的publicpath 1.註冊npm賬號...

Vue造輪子 手風琴元件

一.大致的使用方法 內容2內容3 二.完成最外部的樣式 collapse三.進一步調節樣式 collapse item四.預設內容摺疊起來和點選切換，基本樣式和基本功能完成 collapse item data 五.完善功能第乙個點開,第二個就關閉mounted methods else close...

造輪子 toast元件的實現 下

1.解決 toast 中傳入 html 的問題，通過假的 slot 來實現 plugins.js toast.slots.default message toast.vue 使用 created 2.在 toast 中加 html 是比較危險的乙個動作，所以要加乙個選項預設不開啟。toast.vue...