目錄結構:
由於修改了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":
主要需要四個引數：
:"這是乙個動態元件"
,"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使用vuecli3發布npm包
一.使用vuecli3建立專案 vue create svgicon二.修改目錄，開發元件前的準備 把src目錄改為examples作為檢視元件的演示目錄，新建packages目錄作為元件編寫的目錄。在packages下新建index.js作為匯出元件入口，作為整個元件庫的匯出，新建元件資料夾作為元...
vue cli 3學習要點
只整理了一下vue cli 3的基礎內容部分，其他的見官網 一 簡介vue3 1.它可以通過 vue create 快速建立乙個新專案的腳手架，或者直接通過 vue serve 構建新想法的原型，不需要vue2.0那樣用webpack來構建專案 2.在專案建立的過程中，你也會被提示選擇喜歡的包管理器...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...