1鍓嶈█鎴戜滑鍦ㄥ紑鍙戜腑缁忓父浼氫娇鐢╪pm鏉ュ畨瑁呭悇绉嶇粍浠躲€備粖澶╂垜浠皢灏濊瘯鍒朵綔涓€涓嚜宸辩殑缁勪欢骞跺皢鍏跺彂甯冨埌npm涓娿€傝繖閲屾垜浠嬬粛涓€涓垜鍒氬垰鍙戝竷鐨刅ue缁勪欢銆傛湁鍏磋叮鐨勫彲浠ヤ笅杞界帺鐜┿€俴-progress瀹夎npminstall-Sk-progressuse//main.jsimport'k-progress';import'k-progress/dist/k-progress.css';2寮€鍙?.1鏂板缓椤圭洰鏂板缓涓€涓猇ue锛岀啛鎮夌殑鍙互鐣ヨ繃銆傝繖閲屾垜浣跨敤鐨勬槸@vue/cli銆俷pminstall-g@vue/cli#ORyarnglobaladd@vue/cli鎵ц杩欐潯鍛戒护妫€鏌ユ槸鍚﹀畨瑁呮垚鍔熴€倂ue--version鎴戠粡甯镐娇鐢╲ueui鏉ュ垱寤烘柊椤圭洰銆傝繖涓懡浠や細鐢熸垚涓€涓彲瑙嗗寲鐨勬搷浣滈〉闈紝闈炲父鏂逛究銆傛垜鐨勯」鐩敤鐨勬槸scss锛屾柊寤虹殑鏃跺€欏嬀閫変竴涓嬨€傝嚦姝わ紝鏂伴」鐩畬鎴愩€?.2寮€鍙戝姛鑳芥柊寤虹殑椤圭洰榛樿鏈変竴涓狧elloWorld.vue鐨勪緥瀛愩€傛垜浠彲浠ュ湪杩欎釜椤甸潰涓婂紩鐢ㄦ垜浠殑缁勪欢鏉ユ祴璇曞紑鍙戞晥鏋溿€傚湪src/components涓紝鎴戜滑浣跨敤浠绘剰鍚嶇О鍒涘缓涓€涓柊鐨刾rogress.vue銆傚叿浣撶殑鎻掍欢鍔熻兘鍐欏湪杩欎釜椤甸潰銆傚湪鍚岀骇鐩綍鏂板缓index.scss鏂囦欢锛岀敤浜庝繚瀛樻彃浠朵娇鐢ㄧ殑鏍峰紡鏂囦欢銆傚湪鍚屼竴鐩綍涓嬫柊寤篿ndex.js鏂囦欢锛岀敤浜庢敞鍐孷ue缁勪欢銆備互鎴戣繖閲屼负渚嬨€備粠'vue'瀵煎叆Vue锛涗粠'./progress.vue'瀵煎叆kProgress锛涘鍏?./index.scss'锛沜onstComponents={kProgress};Object.keys(Components).forEach(name=>{Vue.component(name,Components[name]);});瀵煎嚭榛樿缁勪欢;鍚屾椂鎴戜滑鍙互鍦℉elloWorld.vue鏂囦欢涓皟鐢ㄦ垜浠殑缁勪欢鐪嬬湅鏁堟灉銆?鏋勫缓鏋勫缓涓昏鏄package.json鏂囦欢杩涜淇敼銆備互鎴戠殑涓轰緥銆?name":"k-progress","version":"1.0.0","main":"./dist/k-progress.common.js","files":["dist"],"private":false,"scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","package":"vue-cli-servicebuild--targetlib--k-progressmain./src/components/index.js"},name:鎻掍欢鍚嶇О锛泇ersion锛氱増鏈彿锛屾瘡娆pmpublish鏃堕渶瑕佷慨鏀癸紱main:鎻掍欢鐨勪富鏂囦欢璺緞锛沠iles:宸插彂甯冪殑淇濈暀鏂囦欢锛沺rivate锛氳繖閲屾敼鎴恌alse锛涜剼鏈細鎵ц鍛戒护锛涙墽琛寉arnpackage鏋勫缓鍛戒护锛屽鏋滀綘瀵箉arn涓嶇啛鎮夛紝鍙互鎵цnpmrunpackage锛屼笉杩囨垜鐪熺殑鎺ㄨ崘yarn銆?Release4.1娉ㄥ唽璐﹀彿NPM4.2鐧诲綍鑷繁鐨勯」鐩紝鎵цnpmlogin锛屼細鎻愮ず杈撳叆npm璐﹀彿瀵嗙爜銆傚彲浠ヤ娇鐢╪pmwhoami鏌ョ湅鏄惁鐧诲綍鎴愬姛銆?.3鍙戝竷npmpublish杩欓噷鏈?涓彲鑳藉嚭鐜扮殑閿欒銆?private":true浼氭姤閿欑増鏈細鍙戝竷涓€娆″悗锛屽悓涓€涓増鏈笉鑳藉啀鍙戝竷銆?鍚庤鎰熻阿鎮ㄧ殑鏀寔銆傚鏈変笉瓒筹紝娆㈣繋澶у鎸囧嚭锛屼簰鐩搁紦鍔便€傝寰椾笉閿欒寰楃偣涓禐锛岃阿璋㈠ぇ瀹妒氿煉柹炴杩庡叧娉ㄣ€侴itHub鎺橀噾绠€涔?.1鍘熸枃鍦板潃https://xrkffgg.github.io/Knotes/blog/13.html
