9鏈堝簳锛屾柊杞瓙鍙堟潵浜嗐€俈ueCommandPalette鏄竴涓揩閫熴€佹棤鏍峰紡涓斿彲缁勫悎鐨刅ue鍛戒护闈㈡澘(CMDK)缁勪欢搴撱€?鐏垫劅鏉ユ簮杩欎釜缁勪欢鐨勮癁鐢熸槸鍦ㄨ瀵熶笂涓湀涓€涓瘮杈冪伀鐨凴eact绫诲簱椤圭洰cmdk鐨勫惎鍙戙€俢mdk鏄竴涓揩閫熴€佹棤鏍峰紡銆佸彲缁勫悎鐨凴eactCMDK缁勪欢锛岀敱Linear宸ョ▼甯圥acoCoursey鍜屼粬鐨勮€佸笀鍜屽皬浼欎即鍏卞悓寮€鍙戯紝涓€鍛ㄥ唴鑾峰緱3kStars銆傚畠鐨勭壒鐐规槸娌℃湁椋庢牸锛屽彧鎻愪緵鍩烘湰鐨勫姛鑳芥鏋讹紝鍙粍鍚堢殑缁勪欢API锛屾槗浜庢墿灞曪紝璁╀綘鍙互鍩轰簬瀹冮噸鏂板紑鍙戯紝鍐欐垚浣犳兂瑕佺殑涓滆タ銆傚畼缃戜篃鍋氬緱姣旇緝鐢ㄥ績锛屽啓浜嗗洓绉嶆牱寮忎綔涓轰緥瀛愶紝鍒嗗埆鏄疪aycast銆丩inear銆乂ercel銆丗ramer銆傛垜鍙戠幇Vue鐢熸€佺郴缁熶腑缂哄皯涓€涓湁鐢ㄧ殑CMDK搴擄紝鎵€浠ユ垜鍐冲畾鑷繁鏋勫缓涓€涓紙chaoxi锛夈€傚鏋滀綘涓嶇煡閬揅MDK鏄粈涔堬紝杩欓噷绠€鍗曚粙缁嶄竴涓嬨€侰MDK鏄敤鎴蜂綋楠孋MDK鏄疌MD+K鐨勭缉鍐欙紝CMD浠ｈ〃Mac绯荤粺涓殑鈱橀敭锛屽搴擟ommand銆侰MD+K鏄粍鍚堥敭锛岄渶瑕佸悓鏃舵垨渚濇鎸変笅銆傚叾瀹炲浜嶤MDK鐨勭敤鎴蜂綋楠岋紝鎴戜滑鎴栧鎴栧皯閮芥帴瑙﹁繃銆侻ac鑷甫鐨勮仛鐒︽悳绱㈠氨鏄繖鏍蜂竴涓伐鍏枫€傗寴+Space鍙互璋冭捣瀹冩潵鎼滅储锛屾垨鑰呬綘浣滀负寮€鍙戣€呮煡鎵句竴浜涙枃妗ｇ殑鏃跺€欎細鏈夋悳绱㈡湁鏃跺€欎綘浼氬彂鐜版槸宓屽叆寮廰lgolia鎼滅储锛屾垨鑰呬娇鐢ㄦ椂鎵撳紑鐨勫懡浠ら潰鏉匡紙鈬?鈱?P锛変唬鐮併€傚幓骞村彂鐜癛aycast搴旂敤绋嬪簭鍚庯紝宸ヤ綔鏁堢巼鏄剧潃鎻愰珮銆俁aycast鍙互鑷畾涔夊緢澶氬揩鎹锋柟寮忥紝杩欐牱鍙互缁撳悎涓€浜涘伐鍏锋潵鍒涘缓娴佺晠鐨勫伐浣滄祦绋嬶紝姣斿Raycast缁撳悎GitHub鍒涘缓Issue锛岀粨鍚圠inear鍒涘缓Issue绛夌瓑銆傛墍浠ユ垜瑙夊緱涓€涓ソ鐨勫伐鍏峰拰鏂囨。绔欑偣搴旇鍐呯疆涓€涓ソ鐢ㄧ殑CMDK鍔熻兘锛岃繖鏍峰彲浠ュぇ澶ф彁楂樻晥鐜囥€備互涓嬪伐鍏锋槸涓€浜涜緝濂界殑浠ｈ〃銆俈ercelGitHubRaycastLinearFramerAlgolia浣犱笉濡ㄨ瘯璇曪紝涔熻浣犺闂殑缃戠珯鎮勬倓鏀寔CMDK锛屼綘鍙互鎸夆寴+K鍞ら啋瀹冦€俈ue涓殑鍛藉悕绌洪棿缁勪欢杩欐鐨勭粍浠惰璁′笌浠ュ線鐨勭粍浠跺紑鍙戞柟寮忔湁鎵€涓嶅悓銆傚畠浣跨敤浜哣ue涓懡鍚嶇┖闂寸粍浠剁殑鍐欐硶銆傚湪浜嗚В鍛藉悕绌洪棿缁勪欢涔嬪墠锛岃鎴戜滑浜嗚В澶嶅悎缁勪欢銆傚鍚堢粍浠禼mdk绫诲簱鎻愬埌瀹冪殑缁勪欢璁捐鍊熼壌浜嗘湰鏂囨彁鍒扮殑React涓殑澶嶅悎缁勪欢璁捐妯″紡銆奟eact Hooks: Compound Components銆嬨€傞偅涔堜粈涔堟槸澶嶅悎缁勪欢鍛紵瀹冩槸涓€绉嶇粍浠惰璁℃ā寮忥紝涓€鑸€傜敤浜庝袱涓垨澶氫釜缁勪欢涓€璧峰伐浣滐紝閫氬父涓€涓粍浠舵槸鐖剁粍浠讹紝鍙︿竴涓槸瀛愮粍浠躲€傛垜浠娇鐢ㄧ殑UI搴撳ぇ澶氶噰鐢ㄥ鍚堢粍浠剁殑璁捐妯″紡鏉ョ紪鍐欏鏉傜殑缁勪欢銆傛瘮濡傛垜浠父鐢ㄧ殑Select銆丮enu銆乀able绛夌粍浠堕兘鏄鍚堢粍浠躲€傝鎴戝ソ濂囩殑鏄紝React绫诲簱cmdk涓娇鐢ㄤ簡锛屽cmdk瀹樼綉鐨勪緥瀛愶細import{Command}from'cmdk';{loading&&鎸傝捣...}鏈壘鍒扮粨鏋溿€?/Command.Empty>Apple姗欒壊姊?/Command銆侷tem>BlueberryFish涓婇潰浠ｇ爜涓嚭鐜颁簡銆?Command.List>绛夌粍浠跺紩鍏ユ柟寮忓湪Vue涓緢灏戜娇鐢ㄣ€傛垜鍦ㄦ兂涓轰粈涔堜笉鍛紝鎵€浠ユ垜鎯冲皾璇曚竴涓嬨€備互鍘熺敓HTML涓轰緥锛欻TML涓殑甯歌缁勪欢閫氬父鍦╒ue涓疄鐜帮紝鎴戜滑闇€瑕佸啓涓や釜缁勪欢锛屽亣璁綧ySelect涓虹埗缁勪欢锛孧yOption涓哄瓙缁勪欢馃捇閽荤爺棰嗗煙灏濊瘯鍛藉悕绌洪棿缁勪欢鍏跺疄Vue瀹樻柟鏂囨。涔熻В閲婁簡甯?琚О涓哄懡鍚嶇┖闂寸粍浠讹紙NamespacedComponents锛夈€傚懡鍚嶇┖闂寸粍浠讹細鎮ㄥ彲浠ュ皢缁勪欢鏍囩涓?锛屼緥濡?Foo.Bar>鏉ュ紩鐢ㄥ祵濂楀湪瀵硅薄灞炴€т腑鐨勭粍浠躲€傚綋鎮ㄩ渶瑕佷粠鍗曚釜鏂囦欢瀵煎叆澶氫釜缁勪欢鏃讹紝杩欓潪甯告湁鐢ㄣ€傚亣璁句綘鎶婁笂闈緥瀛愪腑鐨勭粍浠舵敼鎴愬懡鍚嶇┖闂寸粍浠讹紝瀹冧細杩欐牱鍐欙細>涓€涓?/NSelect.Option>涓や釜涓変釜馃捇鍦ㄦ紨缁冨満璇曚竴璇曞湪楠岃瘉鍙鍚庯紝鎴戝喅瀹氬皢VueCommandPalette鍛藉悕绌洪棿缁勪欢鍐欐垚鍛藉悕绌洪棿缁勪欢鐗圭偣锛氬鍏ヤ竴涓牴缁勪欢鍙互浣跨敤鎵€鏈夌殑瀛愮粍浠躲€備綘鍙互鏈夐€夋嫨鍦板紩鍏ュ瓙缁勪欢锛岃鏁翠釜缁勪欢搴撶湅璧锋潵鏇村畬鏁淬€俈ueCommandPalettevue-command-palette缁勪欢浠ュ懡鍚嶇┖闂寸粍浠剁殑褰㈠紡缂栧啓锛屽熀鏈疄鐜颁簡cmdk涓殑澶ч儴鍒嗗姛鑳姐€傞瑙堝畨瑁厃arnaddvue-command-palette#orpnpmaddvue-command-palette浣跨敤娉ㄦ剰锛岃缁勪欢鎻愪緵浜嗗叿鏈塁MDK鍔熻兘鐨勯鏋讹紝娌℃湁浠讳綍鏍峰紡锛岄渶瑕佸崟鐙鍏ユ牱寮忔枃浠躲€?---->鏈壘鍒扮粨鏋溿€?/Command.Empty>abcApple寮曞叆涓€涓狢ommand鏍圭粍浠讹紝鍙互閫夋嫨鎬х殑缁勫悎鍏朵粬瀛愮粍浠?/import{ref}from'vue'import{Command}from'vue-command-palette'constvisible=ref(false)Themes鍜宑mdk绫讳技锛岀粍浠跺簱涓嶆彁渚涗换浣曟牱寮忥紝姣忎釜缁勪欢閮戒互涓€涓壒鍒０鏄庣殑data-attrib寮€澶达紝浠ommand-寮€澶磚te锛屼綘鍙互鎶婂畠浣滀负涓€涓€夋嫨鍣ㄦ潵鑷畾涔夋牱寮忥紝姣斿锛歞iv[command-root=""]{//浣犵殑鏍峰紡}vue-command-palette鍙互浼犻€掍竴涓悕涓簍heme鐨凱rops锛岃繖鏍蜂綘灏卞彲浠ュ湪涓婚鍦ㄧ被閫夋嫨鍣ㄤ腑缂栧啓鎮ㄧ殑鏍峰紡銆備緥濡傦細鎻愪緵鐨勪富棰樻槸my-theme//my-theme.css.my-theme{//浣犵殑涓婚}铏界劧缁勪欢搴撴槸鏃犳牱寮忕殑锛屼絾鏄綘鍙互鏍规嵁鑷繁鐨勫枩濂藉畾鍒朵富棰橈紝鑰冭檻鍒颁几鎵嬬殑闇€瑕佽仛浼氫笉鏄緢鍙嬪ソ銆傝繖閲屾湁鍑犱釜涓婚浠呬緵鍙傝€冿細VercelRaycastLinearAlgolia宓屽瀛愰潰鏉挎湁鏃堕渶瑕佸悜涓嬮捇鍙栦互璁块棶鍛戒护闈㈡澘涓瓙鑿滃崟涓殑椤圭洰銆傝繖鏃跺€欏氨闇€瑕佷汉宸ユ帶鍒朵簡銆傛帹鑽愪娇鐢ㄥ姩鎬佺粍浠跺叿浣撳浣曞疄鐜颁簨浠跺鐞嗗弬瑙乂ercel鐨勪緥瀛愩€傚湪Command.Item鐨勫疄鐜颁腑鎻愪緵浜咢select浜嬩欢缁戝畾锛屾柟渚胯Е鍙憇elected浜嬩欢銆傚揩鎹烽敭缁戝畾瀹炵幇鍙傝€冨揩鎹烽敭缁戝畾瀹炵幇銆傝繖閲岃繕鏈変竴涓猚mdk绫诲簱渚涘弬鑰冦€俴bar鐨勫疄鐜颁富鍔ㄥ０鏄庡揩鎹烽敭shortcut涓庡搷搴斾簨浠剁殑鍏崇郴performconstpreferenceItems=[{icon:SunIcon,label:'ToggleDarkMode',shortcut:['G','T'],perform:()=>toggleDarkmode()}]鍙傝€冨疄鐜板弬鑰僣mdkkbar鎰熻阿涓婇潰缁勪欢搴撴彁渚涚殑鐏垫劅锛屽叾瀹炴垜鍙兘鏄釜鈥滅粍浠跺簱缈昏瘧鍣ㄢ€濓紝鎶奟eact鐢熸€佺殑cmdk鎼繘浜唙ue-command-palette鐨刅ue鐢熸€侊紝璇翠笉瀹氫互鍚庝綘鐨刅ue椤圭洰浼氭湁濂界敤鐨凜MDK缁勪欢鍙敤銆備粖骞寸殑鍏朵粬鐙珛椤圭洰onetab.group锛氫綘鐨勪竴绔欏紡鏍囩/鏍囩缁勭鐞嗗櫒tech-stack.tools锛氬垱浣滆€呯殑鎶€鏈爤宸ュ叿搴揵ookmark.style锛氫綘鐨勯摼鎺ユ湁鏂版牱寮忔帹鍑洪摼鎺hrome鎻掍欢鍙樻垚缇庝附鍒嗕韩鍥剧墖鐨勫彂甯?/p>
