鍓嶇缁勪欢鍖栫郴鍒楁枃绔犵涓€绡囷細鍓嶇缁勪欢鍖栨柟妗堢爺绌惰儗鏅叕鍙哥洰鍓嶅熀浜庡涓笟鍔￠儴闂紝涓氬姟缁勪欢杈冨鍜屽姛鑳介€昏緫鍏锋湁杈冮珮鐨勯€氱敤閫傚簲鎬э紝浣嗗悓鏃跺悇涓笟鍔￠儴闂ㄥ拰寮€鍙戜汉鍛樼己涔忎竴瀹氱殑浜ゆ祦骞冲彴銆傛洿澶氱殑鏃跺€欙紝浠栦滑浼氬湪閬囧埌鐩稿簲鐨勯渶姹傛椂锛屽湪鍐呴儴杩涜绠€鍗曠殑璁ㄨ銆傚綋浠栦滑鐭ラ亾鍏朵粬涓氬姟閮ㄩ棬鏈夎惤鍦拌鍒掓椂锛屼粬浠細杩涗竴姝ユ矡閫氥€傝繖绉嶆柟寮忔€讳綋鏉ヨ姣旇緝鍘熷锛屾棤璁轰粠閫氫俊鏂瑰紡鐨勬晥鐜囪繕鏄缁勪欢涓氬姟閫昏緫鐨勬繁鍏ョ悊瑙ｄ笂锛岄兘鏄潪甯镐綆鏁堢殑銆傚洜姝わ紝鎺㈢储涓€绉嶉珮鏁堛€佺畝鍗曘€佺幇浠ｇ殑瑙ｅ喅鏂规鏄潪甯稿繀瑕佺殑銆?!--more-->鎴戜滑瑕佺殑缁撴灉鏄紙浠诲姟鐩爣锛夛細涓嶅悓涓氬姟骞冲彴寮€鍙戠殑缁勪欢鍙互鏈€澶х▼搴︾殑澶嶇敤锛涙柊鎵嬪彲浠ュ揩閫熶簡瑙ｅ父鐢ㄧ粍浠讹紝鎻愰珮寮€鍙戞晥鐜囥€傝繖鏄湰绯诲垪鏂囩珷鐨勭幇瀹炶儗鏅紝涔熸槸鎴戣礋璐ｇ殑椤圭洰銆傜浉鍏虫枃绔犱細绯诲垪杈撳嚭锛屾枃绔犲唴瀹逛繚璇佹槸瀹為檯涓氬姟涓殑瀹炵敤鎬荤粨銆傜畝浠嬩綔涓烘湰绯诲垪鐨勭涓€绡囨枃绔狅紝鍏跺畾浣嶅拰浣滅敤涔熺浉褰撴槑纭細鎼炴竻妤氫粈涔堟槸鍓嶇缁勪欢鍖栵紵寮勬竻妤氬浣曡繘琛岀粍浠跺寲锛熸€濊€冨浣曡缁勪欢鏇村ソ锛熷墠鏈熸垜浠富瑕佹帰绱㈢偣1鍜岀偣2浣滀负鎵ц鏂瑰悜銆傚湪鎴戜滑鍩烘湰浜嗚В浠€涔堟槸缁勪欢鍖栦互鍙婂浣曞疄鐜拌嚜宸辩殑缁勪欢鍖栦箣鍚庯紝鎴戜滑杩涗竴姝ユ帰绱€佹瘮杈冦€佺爺绌躲€佹€濊€冨浣曞疄鐜伴珮鏁堢殑缁勪欢鍖栨柟妗堛€傚墠绔殑鍙戝睍璺緞澶勪簬浜掕仈缃戞棭鏈熴€傚湪浼犵粺鐨勫紑鍙戞ā寮忎腑锛屽墠绔殑缃戦〉浠ｇ爜鍜屽悗绔殑绋嬪簭浠ｇ爜寰€寰€娣峰悎鍦ㄤ竴璧凤紝鍊熷姪浜庝竴浜涙ā鏉挎妧鏈紙濡侸SP銆丄SP銆丳HP绛夛級鍦ㄦ湇鍔″櫒绔姩鎬佺敓鎴?.HTML椤甸潰銆傚湪杩欑寮€鍙戞ā寮忎笅锛岀綉椤电殑姣忎竴娆′慨鏀归兘闇€瑕佸墠鍚庣浜哄憳鐨勫叡鍚屽弬涓庯紝缃戠珯鐨勫墠鍚庣寮€鍙戜汉鍛橀渶瑕佷粯鍑哄ぇ閲忕殑娌熼€氬崗璋冩垚鏈€傚叕鍙稿湪鎷涗汉鐨勬椂鍊欙紝瑕佹嫑涓€浜涙棦鎳傚墠绔張鎳傚悗绔殑绋嬪簭鍛橈紝鍑忓皯鍓嶇鍜屽悗绔紑鍙戜汉鍛樹箣闂寸殑鍐茬獊銆傚彲浠ュ彂鐜拌繖绉嶆ā寮忛潪甯镐綆鏁堛€傜洰鍓嶆祦琛岀殑鍓嶅悗绔垎绂荤殑寮€鍙戞ā寮忔槸璁╁悗绔彧璐熻矗缁欏墠绔彁渚涙暟鎹紝鍓嶇璐熻矗鏁翠釜椤甸潰鐨勬ā鏉挎覆鏌撱€佹暟鎹～鍏呭拰浜や簰閫昏緫銆傚墠鍚庣鍒嗙鍚庯紝浜轰滑鍙戠幇鍓嶇涓嶅啀鏄紶缁熸剰涔変笂鐨勭綉椤碉紝鐢氳嚦鍙互鍋氭垚鎵嬫満搴旂敤锛屾垨鑰呭井淇″皬绋嬪簭杩欐牱鐨勫皬搴旂敤锛屾洿鎺ヨ繎浜庝紶缁熺殑B/S锛坈lient/server锛夋灦鏋勶紝浠嶇劧鍏锋湁缃戦〉杞婚噺绾х殑浼樺娍锛屾棤闇€涓嬭浇瀹夎銆備粈涔堟槸缁勪欢鍖栵紵鍦ㄥ墠鍚庣鍒嗙鐨勭幇浠ｅ紑鍙戞ā寮忎笅锛屼互React銆乂ue涓轰緥锛屾秾鐜板嚭璁稿浼樼鐨勭幇浠ｅ墠绔鏋躲€傚緱鐩婁簬鏂版妧鏈殑鍙戝睍锛孲PA搴旂敤宸茬粡鐩稿綋鎴愮啛锛岃繖绉嶅紑鍙戣寖寮忎篃鐩稿綋鎴愮啛銆傛櫘閬嶇殑銆備即闅忕潃杩欑鎶€鏈涓猴紝鍩轰簬缁勪欢鐨勫紑鍙戜篃搴旇繍鑰岀敓銆備綔涓轰竴涓緢甯歌鐨勬ā鍨嬶紝鍥寸粫鍑犱釜鐐规潵瑙ｉ噴锛氭柟渚跨殑澶嶇敤锛堝緢澶氫笟鍔′唬鐮佸拰鍔熻兘浠ｇ爜闅惧厤閲嶅锛岃€岀粍浠剁殑澶嶇敤锛屽彲浠ヨ鏄潪甯告湁鏁堬級鏄撲簬缁存姢锛堝鏋滃ぇ閲忎笟鍔′唬鐮佷笌鍔熻兘浠ｇ爜鑰﹀悎锛屽湪浠ュ悗浠ｇ爜鐨勭淮鎶ゅ拰鍔熻兘鎵╁睍涓婁細鏈夊緢澶х殑灞€闄愬拰涓嶈冻锛夊姛鑳界粏鍒嗭紝涓撲竴锛岃亴璐ｆ槑纭紙缁勪欢鐨勬牳蹇冨師鍒欐槸涓€涓粍浠跺彧鍋氫竴浠朵簨锛屽苟涓斾笉搴旇涓婁笅寮鸿€﹀悎锛屽彲浠ラ殢鏃跺彇鍥烇紝瀹炵幇鑱岃矗鍗曚竴锛屽浠ュ悗鐨勫姛鑳借凯浠ｅ拰浠ｇ爜缁存姢鐨勫ソ澶勬槸鏄捐€屾槗瑙佺殑锛夊氨鐜颁唬鍓嶇鑰岃█锛屾垜瑙夊緱缁勪欢鍖栦笉浠呬粎灞€闄愪簬UI缁勪欢灞傞潰锛屽畠娑夊強鍒版洿骞挎硾銆佹洿鍏ㄩ潰銆佹洿绯荤粺鐨勬柟寮忥紝姣斿绫讳技hooks鐨勫姛鑳藉拰涓氬姟鏃ュ織ic灏佽銆佸伐鍏风被浣跨敤灏佽銆佹瀯寤哄伐鍏枫€丼cript浠ｇ爜绛夌瓑锛屽嚒鏄鍚堝叾鐙珛鎬濊€冪殑閮藉彲浠ョО涓虹粍浠跺寲銆備负浠€涔堥渶瑕佺粍浠跺寲缁勪欢鍖栫殑鐩殑锛氳鍔熻兘鍜屼笟鍔￠€昏緫鍙互澶嶇敤锛屽噺灏戦噸澶嶄唬鐮併€傚彲浠ユ洿濂界殑璁╁洟闃熷垎宸ュ崗浣滐紝涓嶅悓鐨勪汉璐熻矗缂栧啓涓嶅悓鐨勭粍浠讹紝鎻愰珮寮€鍙戞晥鐜囥€傝亴璐ｅ崟涓€涔熸洿渚夸簬鍔熻兘鐨勮凯浠ｆ墿灞曞拰缁存姢锛屽浜庢帴鎵嬬殑寮€鍙戜汉鍛樻潵璇翠篃鑳藉噺灏戝緢澶氭垚鏈€傚浜庨渶瑕佸紑鍙戝鏉傜殑澶у瀷搴旂敤鐨勪紒涓氾紝鍩轰簬缁勪欢鐨勫紑鍙戝彲浠ュぇ澶ф彁楂樺紑鍙戞晥鐜囥€傚畠鍏佽鍓嶇寮€鍙戝洟闃熼珮鏁堝湴瀹屾垚宸ヤ綔锛岃繖鏄竴椤归潪甯告湁鐢ㄧ殑鎶€鏈€傜畝鍗曟潵璇达紝鏈変袱涓叧閿瘝锛氣€滃鐢ㄢ€濆拰鈥滄槗缁存姢鈥濓紝鏃犺鏄唬鐮佹媶鍒嗚繕鏄崟涓€鑱岃矗锛岃繖涓や釜璇嶅熀鏈笂鏄涓嶅紑鐨勶紝杩欎篃鏄舰寮忓寲缁勪欢鍖栫殑鏍稿績鐐广€傛垜浠仛杩欎簺浜嬫儏鏄负浜嗕互鍚庨亣鍒扮被浼肩殑闇€姹傚拰鍔熻兘鐨勬椂鍊欏噺灏戜唬鐮佺殑寮€鍙戯紝浠ヤ究鑳藉蹇€熷鐢ㄣ€傞殢鐫€鏈潵鍔熻兘鍜屼笟鍔＄殑鍙戝睍锛屽寘鎷粍浠朵唬鐮佸仴澹€х殑鎻愰珮锛岀粍浠朵細涓嶆柇杩唬锛屽彲缁存姢鎬х殑閲嶈鎬т笉瑷€鑰屽柣銆傚熀纭€鐩爣鍙互鍥寸粫鏍稿績闇€姹傝繘涓€姝ョ粏鍖栵紝鎴戜滑甯屾湜鍙互杩欐牱锛氬彲浠ュ洿缁曞熀纭€缁勪欢銆佷笟鍔＄粍浠躲€佸伐鍏风殑瀹氫綅鏉ュ垝鍒嗐€傞」鐩鍒掕瓒冲绠€鍗曟槑浜嗭紝淇濊瘉鍏ラ棬鎴愭湰瓒冲浣庯紝璁╂柊浜哄揩閫熸姇鍏ワ紱寮€鍙戝拰浣跨敤缁勪欢鐨勫彲缁存姢鎬ч渶瑕佷繚璇併€傛敮鎸佷弗鏍肩殑瑙勮寖鍜屽伐绋嬩繚璇併€傛煡鐪婣PI鍜岀ず渚嬫枃妗ｃ€傜綉绔欑湡瀹炲紑鍙戠幆澧冪殑妯℃嫙銆佽皟璇曞拰寮€鍙戯紝鍙互npm鍖呯殑褰㈠紡寮曠敤銆備娇鐢ㄩ潬璋辩殑澶氬寘椤圭洰绠＄悊锛屽鍖呭寘鐗堟湰绠＄悊鎬ц兘瓒冲濂芥妧鏈儗鏅鍏堬紝浠ュ叕鍙稿疄闄呴」鐩负鑳屾櫙锛屾垜浠殑鎶€鏈爤鐩墠涓昏闆嗕腑鍦ㄥ墠绔痺eb鍚庣绯荤粺鐨勫紑鍙戜笂鍏充簬vue2鐩稿叧鐢熸€併€傚洜姝わ紝搴斾互姝や负鍩虹鎺㈢储涓讳綋鏂规璁捐銆傜洰鍓嶆垜浠殑缁勪欢涓昏鍖呮嫭澶嶇幇鎬ч珮鐨勪笟鍔＄粍浠讹紝涓€浜涢€氱敤鐨勫姛鑳界粍浠讹紝涓€浜涘伐鍏风被銆傜粍浠跺紑鍙戜富瑕佷緷璧杋view鍩虹缁勪欢鍜宭odash宸ュ叿搴擄紝閮ㄥ垎鐗规畩鏈嶅姟浣跨敤monaco-editor銆乧odemirror绛夛紝鎵€浠ョ幇闃舵鎴戜滑鍏徃鐨勬妧鏈爤鐩稿叧鐢熸€佷富瑕佹槸vue2锛屼篃浼氳褰曡繖涓郴鍒楀熀浜庡叕鍙哥殑vue2椤圭洰缁忛獙銆備絾鑰冭檻鍒板綋鍓嶅墠绔暣浣撳揩閫熷彂灞曠殑鐜板疄锛屽湪椤圭洰钀藉湴鍜岀浉鍏崇敓鎬佹妸鎻℃竻妤氬悗锛屼互vue3鍜宺eact涓烘妧鏈儗鏅殑鎺㈢储涔熷€煎緱杩涗竴姝ユ帰绱㈠拰鐮旂┒.鍖呬緷璧栨垜浠叕鍙哥洰鍓嶉」鐩钩鍙颁富瑕佷緷璧栧垎鏋愬涓嬶細涓変釜鏍稿績缁勪欢锛歷ue/vue-router/vuexUI绫伙細view-design銆乧odemirror銆乵onaco-editor銆乿ue-echarts銆乿uedraggble宸ュ叿绫伙細lodash銆乨ayjs銆乽uid鍥寸粫浠ヤ笂鎶€鏈浉鍏崇敓鎬侊紝瀹炵幇瀵瑰悇涓儴鍒嗗拰鍔熻兘鐨勪簩娆″皝瑁呯鐞嗐€備富瑕丄PI鍙婂疄闄呴」鐩唬鐮佸垎鏋愶細slot锛氱粍浠舵媶鍒嗭紝UI甯冨眬锛岃嚜瀹氫箟灞曠ず鍖虹殑濂芥柟娉昿rops锛氱埗缁勪欢缁欏瓙缁勪欢浼犻€掑弬鏁皉ef锛氱埗缁勪欢鑾峰彇瀛愮粍浠舵柟娉曪紝灞炴€mit锛氬瓙缁勪欢浼犻€掑弬鏁扮粰鐖剁粍浠讹紝瑙﹀彂鐖剁粍浠剁粦瀹氫簨浠舵柟娉昿rovide/inject:澶氱骇瀛愮粍浠?鐖剁粍浠朵紶鍊紇uex:绗笁鏂圭姸鎬佺鐞嗭紙闇€瑕佽€冭檻鍗曚釜缁勪欢鐨勫彲缁存姢鎬э級涓€鑸潵璇达紝缁勪欢灏佽浣跨敤姣旇緝棰戠箒鐨勫睘鎬ф柟娉曞氨鏄痯rops/slot/emit/ref锛屽湪鎴戜滑鐨勯」鐩腑涔熻骞挎硾浣跨敤銆倂uex鐨勪娇鐢ㄩ渶瑕佹厧閲嶈€冭檻锛屽叿鏈変竴瀹氱殑鑰﹀悎鎬э紝闇€瑕佽繘涓€姝ユ帰绱㈠垎鏋愩€傚€煎緱鎬濊€冩帰绱㈡洿濂界殑鏂规硶銆傛牳蹇冪偣鏄亴璐ｅ崟涓€鐙珛锛岃€﹀悎搴︿綆锛屾槗浜庣淮鎶ゃ€傚姛鑳?涓氬姟缁勪欢涓氬姟缁勪欢涓嶅悓浜庡姛鑳界粍浠讹紝鏈変竴瀹氱殑浣跨敤鑳屾櫙鍜屾潯浠堕檺鍒躲€備互鎴戜滑浣跨敤鐨刬view銆乤ntd绛塙I缁勪欢涓轰緥锛屽叾鎻愪緵浜嗗ぇ閲忕殑鍔熻兘缁勪欢锛屽寘鎷絾涓嶉檺浜庤〃鍗曞姛鑳界粍浠躲€佽〃鏍煎垪琛ㄥ姛鑳界粍浠躲€佸閫?鍗曢€夊姛鑳界粍浠躲€佹棩鏈熷姛鑳界粍浠剁瓑锛屽畠鍙槸鎻愪緵鏌愮被閫氱敤鍔熻兘锛屾娊璞℃垚鍏蜂綋鐨勫姛鑳界粍浠躲€備笌涓氬姟缁勪欢鐩告瘮锛岀暐鏈変笉鍚屻€備笟鍔＄粍浠堕鍏堣鍥寸粫涓€涓槑纭殑涓氬姟鍦烘櫙锛屽畠浠殑鏈€缁堝疄鐜板彲鑳芥槸澶氫釜鍔熻兘缁勪欢鐨勭粍鍚堬紝涔熷彲鑳芥槸鍜屼竴浜涙彃浠剁殑缁勫悎銆傜壒娈婂姛鑳姐€傚綋鍓嶉」鐩腑宸叉湁鐨勪竴浜涗笟鍔＄粍浠跺垎鏋愶細ProTable鍔熻兘缁勪欢锛氱敱鍗曚釜FilterBtn缁勪欢銆乀able缁勪欢銆丳agination缁勪欢缁勬垚鐨勭粍浠讹紝鐒跺悗缁勫悎鎴愪竴涓暣浣擄紙鍖呮嫭list銆乫ilter銆乸agination锛塁omSqlTipTree涓氬姟缁勪欢锛氫娇鐢ㄩ鐜囪緝楂樼殑ComSqlTipTree缁勪欢涔熸槸寰堝瀛愮粍浠剁殑缁勫悎锛堟秹鍙奍nput銆丼elect閫夋嫨銆佹嫾闊冲尮閰嶃€佸垪琛ㄥ睍绀虹瓑鐨勯珮绾у皝瑁咃紝璇ョ粍浠朵笓闂ㄧ敤浜庡叕鍙告牳蹇冨姛鑳界瓫閫夌被鎼滅储锛夌粍浠剁鐞嗘€濈淮鍩虹缁勪欢绫伙細鍙弬鑰僫view銆乤ntd绛塙I缁勪欢搴撹繘琛岀淮鎶ょ鐞嗭紝娉ㄩ噸鍔熻兘鐩稿叧锛岀粍浠舵洿灏忥紝缁熶竴缁存姢绠＄悊銆備笟鍔＄粍浠剁被锛氬彲鍙傝€僷ro-component楂樼骇缁勪欢鐨勭鐞嗘柟寮忚繘琛屽鐞嗐€傚伐鍏凤細鍙互鍙傝€僱odash杩涜缁存姢绠＄悊銆俻ro-component鐨勭鐞嗘柟寮忔槸鍦ㄥ熀纭€缁勪欢鐨勫熀纭€涓婂皝瑁呬簡澶ч噺鐨勯珮绾х粍浠讹紝渚嬪锛歱ro-layout锛宲ro-table锛宲ro-form绛夛紝姣忎釜缁勪欢閮藉彲浠ヤ綔涓轰竴涓嫭绔嬬殑npm鍖呮潵浣跨敤浣滀负渚濊禆鍏崇郴锛岀浉浜掔嫭绔嬶紝浜掍笉褰卞搷銆傝€冭檻鍒板伐鍏风殑绠＄悊鍜岀淮鎶わ紝缁熺鑰冭檻锛屽熀鏈‘瀹氬彲浠ュ洿缁曢」鐩殑鎶€鏈儗鏅拰鐩爣瑙勫垝锛岃繘琛屽鍖呯鐞嗭紙Monorepo锛夋柟鍚戠殑鎶€鏈爺绌讹紝鐩稿叧鎶€鏈爺绌跺皢杩涜銆傜浉鍏冲紑婧愰」鐩垎鏋愰渶瑕佽€冭檻鐨勬柟鍚戞槸锛氬摢涓€涓洿閫傚悎vue2鐨勭粍浠跺寲鏂规銆傛槸鍚︽敮鎸佽鎯呭喌鑰屽畾锛夊浜巔rops鍙傛暟API鏂囨。銆乨emo灞曠ず銆佹枃妗ｇ綉绔欐瀯寤虹洰褰曡璁°€佸伐绋嬭鑼冦€佹瀯寤哄彂甯冩祦绋嬪厓绱犳病鏈塵onorepo锛屽睘浜庢瘮杈冧紶缁熺殑鍗曞寘绠＄悊椤圭洰姣旇緝缁忓吀鐨剉ue2缁勪欢鍥句功棣嗛」鐩紝鏂囨。缃戠珯鐨勯鏍煎緢濂姐€備富瑕佹槸鐢╦s+vue寮€鍙戯紝閫氳繃webpack澶勭悊鏋勫缓銆傛枃妗ｇ綉绔欑敱鑷韩缁勪欢寮€鍙戞惌寤猴紝缁撳悎webpackloader瀹炵幇markdown鏂囦欢鐨勭紪璇戝拰demo绀轰緥鐨勬覆鏌撱€?yarn浣跨敤vue2.x+ts鐨勫啓娉曪紝澶ч噺鐨勭粍浠堕兘鏄敤JSX瀹炵幇鐨勶紝鏈夊緢濂界殑鍙傝€冨涔犱环鍊硷紙vue2涓璽s鐨勪娇鐢級銆傛枃妗ｇ綉绔欑敱鑷繁鐨勭粍浠跺紑鍙戞惌寤猴紝椤圭洰浠ｇ爜杈冨锛屾湁涓€瀹氱殑鍏ラ棬鎴愭湰element-plusvue3椤圭洰锛宲npm+workspace鏂规锛屾暣浣撴€濊矾鍜岃璁￠潪甯哥幇浠ｃ€傜粍浠跺疄鐜扮敱vue缂栧啓寮€鍙戯紝鐩稿叧鑴氭湰浠ｇ爜鐢盩S缂栧啓銆傛暣涓」鐩槸涓€涓猅S椤圭洰澶氬寘鐩綍璁捐锛岀粍浠跺拰鏂囨。鐩綍璁捐銆傚悎鐞嗙殑鐩稿叧鏋勫缓宸ュ叿鍖呮嫭rollup銆乪sbuild銆乿ite銆傛枃妗ｇ綉绔欐槸vitepress鎼缓鐨勶紝鑷繁鍐欎簡涓€涓鐞唌arkdown鍜寁uedemo鐨勬彃浠讹紙vitepress鍙敮鎸乿ue3锛夈€俰duxvue3鐨勯」鐩紝pnpm+workspace鐨勬柟妗堬紝鎶€鏈兘姣旇緝鏂般€傜増鏈帶鍒剁敱lerna鎺у埗demo鍜宒ocs鐨勭洰褰曠鐞嗙殑寰堝ソ銆傞渶瑕侀厤鍚堣剼鏈潵瀹炵幇鏈€缁堢殑缃戠珯璺敱鍜屾覆鏌撴枃妗ｃ€傜綉绔欓噰鐢╲itepress+鑷甫缁勪欢鎼缓锛岄厤鍚堝悇绉嶈剼鏈疄鐜扮浉搴斿姛鑳姐€傛瀯閫犲伐鍏蜂富瑕佹槸閽堝gulp缁勪欢寮€鍙戠殑銆俉hatMonorepo:鎵€鏈変緷璧栧簱瀹屽叏鏀惧埌涓€涓」鐩腑Multirepo:澶氫釜渚濊禆鍖呯敱git鐙珛绠＄悊Monorepo鏄皢澶氫釜椤圭洰鐨勬墍鏈変唬鐮佹斁鍒颁竴涓猤it浠撳簱涓鐞嗭紝澶氫釜椤圭洰涓細鏈夊叡浜唬鐮佸嵆鍙湪瀛愬寘涓紩鐢ㄣ€傛暣涓」鐩槸鏍圭鐞嗙殑渚濊禆鍔犱笂澶氫釜鍖咃紝姣忎釜鍖呬篃鍙互鍦ㄨ嚜宸辩殑鑼冨洿鍐呭紩鍏ヨ嚜宸辩殑渚濊禆銆傝繖涓柟妗堝彲浠ュ府鍔╂垜浠В鍐崇浉鍚岀殑渚濊禆鍦ㄤ笉鍚屽伐浣滅┖闂寸殑绠＄悊锛屼篃鍙互甯姪鎴戜滑鍦ㄥ紑鍙戠殑鏃跺€欒В鍐冲寘涔嬮棿鐨勪緷璧栧叧绯荤殑绠＄悊銆俶onorepo+lernajs+yarnLerna鏄竴涓拡瀵逛娇鐢╣it鍜宯pm绠＄悊澶氬寘浠ｇ爜瀛樺偍搴撶殑宸ヤ綔娴佺▼浼樺寲鐨勫伐鍏枫€侺erna鏈変袱绉嶇鐞嗛」鐩殑妯″紡锛欶ixed/Locked妯″紡锛堥粯璁わ級锛氭墍鏈夊寘鍏变韩涓€涓増鏈彿銆傜嫭绔嬫ā寮忥細涓嶅悓鐨勫寘鐙珛浣跨敤鑷繁鐨勭増鏈紝鎴戜滑涓€鑸娇鐢ㄣ€傚湪鍒濆鍖栨湡闂存寚瀹?-independent鍙傛暟銆備竴鑸潵璇达紝鍦╬npm鍑虹幇涔嬪墠锛寃orkspace鐨勭浉鍏虫蹇靛熀鏈兘鏄拰yarn涓€璧蜂娇鐢ㄧ殑锛坹arn鏈墂orkspace鐨勫姛鑳斤級锛屽洜涓哄湪npm7.x涔嬪墠娌℃湁workspace鐨勬蹇碉紝鎵€浠ュ湪寰堥暱涓€娈垫椂闂村唴锛屽鍖呯鐞嗚В鍐虫柟妗坢onorepo涓巠arn缁撳悎浣跨敤銆備粬瑙ｅ喅浜嗕互涓嬮棶棰橈細澶氫笟鍔＄粍浠讹紝鐩镐簰渚濊禆锛屾棤娉曢噸鐢ㄥ鏉傜殑鍖呬氦浠樿繃绋嬶紝鐗堟湰绠＄悊鐥涜嫤渚濊禆绠＄悊鍦ㄥ伐浣滃尯鍖呬腑锛屾垜浠湁杩欎簺鍖咃細iview锛宲ro-sqltiptree锛岀粍浠讹紝瀹冧滑鍖呬腑鐨勫悕绉般€俲son鐨勫畾涔夊垎鍒槸@ah-ailpha/iview銆丂ah-ailpha/pro-sqltiptre銆丂ah-ailpha/components銆傚綋鎴戜滑鐩镐簰瀹夎鍖呮椂锛宭erna宸ュ叿鍙互浠ヨ蒋閾炬帴鐨勫舰寮忓府鍔╂垜浠洿鎺ヤ娇鐢ㄣ€傦紙杞摼鎺ョ殑姒傚康鍙互鍙傝€僴pmlink锛屼互鍙妏npm鐨勫簳灞傚疄鐜伴€昏緫锛?灏唌odule-1浣滀负渚濊禆娣诲姞鍒癿odule-2$lernaaddmodule-1--scope=module-2versionmanagementformulti-package鐨刴onorepo鍦烘櫙锛宭erna鐨勫彟涓€涓牳蹇冨姛鑳芥槸甯姪鎴戜滑绠＄悊鍚勪釜鍖呯殑鐗堟湰锛岄€氳繃浣跨敤lernaversion鍛戒护锛堢粨鍚堝懡浠ゅ紡浜や簰蹇€熺鐞嗙増鏈€嬧€嬶級lernaversion鍦ㄥ悗闈负鎴戜滑鍋氫簡杩欎簺浜嬫儏鍦烘櫙锛氳瘑鍒嚜涓婃鍙戝竷浠ユ潵宸叉洿鏂扮殑鍖咃紱鎻愮ず鏂扮増鏈紱淇敼鍖呭厓鏁版嵁浠ュ弽鏄犳渶鏂扮増鏈紙淇敼鍖呯増鏈彿锛夛紝鍦ㄦ牴鐩綍鍜屾瘡涓寘涓繍琛岀敓鍛藉懆鏈熻剼鏈紱鏍囩;鎺ㄩ€佸埌杩滅▼浠ｇ爜浠撳簱銆俶onorepo+pnpmpnpm鐜板湪涔熸敮鎸佸伐浣滅┖闂寸殑姒傚康銆傚伐浣滃尯锛堝伐浣滃尯锛夈€傚鏋滀綘缁忓父鍏虫敞鎶€鏈ぞ鍖鸿鍧涳紝鐩镐俊浣犲凡缁忎簡瑙ｄ簡pnpm銆傜敱浜庡叾浼樼鐨勬€ц兘鍜屽monorepo鐨勬敮鎸侊紝pnpm涔熸敮鎸佹洿绠€鍗曟柟渚匡紝鎵€浠ュ緢澶氱煡鍚嶇殑寮€婧愰」鐩兘閲囩敤浜嗚繖绉嶆柟妗堬紝姣斿Vue3/Vite/VueUse/ElementPlus/Next.js/Astro绛夌瓑銆俻npm鍐呯疆浜嗗鍗曚釜瀛樺偍搴擄紙涔熺О涓哄鍖呭瓨鍌ㄥ簱銆佸椤圭洰瀛樺偍搴撴垨鍗曚綋瀛樺偍搴擄級鐨勬敮鎸侊紝鎮ㄥ彲浠ュ垱寤轰竴涓伐浣滃尯浠ュ皢澶氫釜椤圭洰鍚堝苟鍒颁竴涓瓨鍌ㄥ簱涓€傚伐浣滃尯鐨勬牴鐩綍涓繀椤绘湁涓€涓猵npm-workspace.yaml鏂囦欢锛屼篃鍙兘鏈変竴涓?npmrc鏂囦欢銆傚浣曢珮鏁堢殑浣跨敤pnpm锛屼綘闇€瑕佺煡閬撳嚑涓父鐢ㄧ殑鍩烘湰鍛戒护锛?-filter锛歠ilter锛宖ilter鍙互璁╀綘灏嗗懡浠ら檺鍒跺湪鍖呯殑鐗瑰畾瀛愰泦涓婏紝涓€鑸敤浜巔ackages/*涓嬬殑瀛愰」銆?C锛氬湪
