vue製做npm插件

初始化

步驟

1. vue init webpack-simple xxxxx（項目名）
2. 先npm i安裝依賴，再npm run dev打開看看是否初始化成功(記得進入項目裏面執行)。
3. 修改package.json裏面private爲false,增長"main":"dist/build.js",
4. 在根目錄新建文件.npmignore，裏面的文件名是會忽略上傳到npm的，
5. 在src下新建文件夾Components，新建文件index.js；
6. 在Components新建文件夾Test，新建文件index.vue，寫本身代碼；
7. 修改webpack.config.js，module.exports中的entry爲'./src/Components/index.js'
8. Components下index.js寫上代碼import Test from './Test/index.vue'; const vue_plugs = { install(Vue, options) { Vue.component(Test.name, Test) } }; if (typeof window !== 'undefined' && window.Vue) { window.vue_plugs = vue_plugs Vue.use(vue_plugs) }; export default vue_plugs;
9. 執行npm run build（記得 每次更新都須要執行npm run build）.
10. 項目根目錄下執行npm adduser,輸入npm的帳號密碼還有郵箱，缺一不可。（注：若是已有賬號，則輸入npm login登陸，帳號密碼還有郵箱，也是缺一不可，若是報錯code E409，是由於使用的淘寶npm，致使登陸失誤，由於登陸的是淘寶的npm 倉庫源，淘寶應該不會給你提供登陸服務把npm registry換成官方的就能夠了，運行代碼：nrm use npm,若是報錯，是由於沒有安裝nrm，運行代代碼npm install -g nrm安裝nrm再執行代碼：nrm use npm便可）；
11. 能夠運行npm whoami查看當前用戶是不是本身；
12. 運行代碼npm publish進行發佈；