generator-vue-component可以快速生成自己的組件開發(fā)的腳手架，類似于vue-cli生成vue項目，這腳手架是目錄結(jié)構(gòu)是方便組件開發(fā)和調(diào)試

在網(wǎng)站設(shè)計、網(wǎng)站制作中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手，突出企業(yè)的產(chǎn)品/服務(wù)/品牌，幫助企業(yè)鎖定精準(zhǔn)用戶，提高在線咨詢和轉(zhuǎn)化，使成都網(wǎng)站營銷成為有效果、有回報的無錫營銷推廣。創(chuàng)新互聯(lián)建站專業(yè)成都網(wǎng)站建設(shè)十年了，客戶滿意度97.8%，歡迎成都創(chuàng)新互聯(lián)客戶聯(lián)系。

由于腳手架是由yeoman搭建，所以必須全局安裝yeoman

npm install yo

然后全局安裝generator-vue-component

npm install generator-vue-component -g

到項目目錄，獲取對應(yīng)的開發(fā)模板

yo vue-component-developer

運行上面命令會彈出下面，依次輸入對應(yīng)的信息，到Y(jié)our component type這一步可以選擇對應(yīng)的組件類型，有組件和指令兩種模板，選擇完成后輸入對應(yīng)的組件名稱或者指令名稱即可，例如我們聲明的組件名為vue-table

在vueTable目錄下安裝對應(yīng)的模塊，后運行下面命令即可

npm i && npm run dev

目錄結(jié)構(gòu)

index.js

此文件是vue組件聲明并導(dǎo)出

import VueTable from './src/components/VueTable.vue';

VueTable.install = function (Vue) {
 Vue.component(VueTable.name, VueTable)
};
export default VueTable;

components/VueTable.vue

開發(fā)的組件文件

App.vue

App.vue是用來測試組件的使用

主要用來編寫代碼的文件有components/VueTable.vue和demo/App.vue，一個用來開發(fā)，一個用來測試，其他不需要管

開發(fā)完怎么辦？

開發(fā)完成可以有兩個選擇

本地安裝 npm install 項目的本地路徑

發(fā)布到npm，遠(yuǎn)程安裝 npm install vue-table

如何使用？

import VueTable from 'vue-table'
Vue.use(VueTable);

github地址

最后附上github地址，給個star吧！https://github.com/KELEN/generator-vue-component-developer