vscode璇煶娉ㄨВ锛屽厖瀹炶祫鏂欙紙涓婏級杩欎釜绯诲垪锛屾垜浼氬垎浜埗浣溾€滆闊虫敞瑙ｂ€濇彃浠剁殑瀹屾暣杩囩▼锛屾垨鑰呰鈥滆繃绋嬧€濊繖涓瘝锛屾洿澶氭瘮鈥滅粨鏋溾€濇湁瓒ｃ€備娇鐢ㄦ紨绀轰笅杞斤細璇煶-鏍囨敞閰嶇疆+鍒涘缓璇煶鏂囦欢瀛樻斁鍦板潃鍙抽敭璋冨嚭鈥滃綍鍒惰闊虫爣娉ㄢ€濆綍闊冲悗鐐瑰嚮鈥滀繚瀛樺埌椤圭洰鈥濋紶鏍囨偓鍋滄挱鏀捐闊宠儗鏅紑濮嬮槄璇婚」鐩唬鐮佹椂锛屼篃璁稿伓灏斿鏋滀綘鐪嬩簡涓€浜涗綘鐪嬩笉鎳傜殑浠ｇ爜锛屽鏋滄湁娉ㄩ噴浣嗘槸浣犵湅瀹岃繕鏄竴澶撮浘姘存垨鑰呬綘鏍规湰涓嶅啓浠讳綍娉ㄩ噴锛岄偅涔堣В鍐宠繖涓棶棰樻渶鏂逛究鐨勬柟娉曞氨鏄棶鐩存帴鍘熷紑鍙戣€咃紝杩欓噷鏄粈涔堝師鍥狅紵杩欎箞鍐欙紵涓嶄粎鏄痡s璇█锛屽ぇ閮ㄥ垎璇█閮藉凡缁忔彁渚涗簡鈥滄枃鏈敞閲娾€濈殑璇硶锛屼负浠€涔堟垜浠繕鏄細閬囧埌涓婇潰鐨勯棶棰樺憿锛熷亣璁炬垜浠湪姣忔浠ｇ爜閮藉啓浜嗘敞閲婅繕鏄湅涓嶆噦锛岀湅鐪嬫垜浠彲浠ラ€氳繃璇煶鎻掍欢鈥滅紦瑙ｂ€濅粈涔堥棶棰橈細鍐欑殑鎸烘竻妤氱殑锛岀湅涓嶆噦纭疄鏄鑰呰嚜宸辩殑闂鐞嗚В瀹冿紙瀹冩棤娉曡В鍐筹級銆傝В鍐充簡锛屼粙浜庘€滈粦鏆楁晥搴斺€?鈥滅煡璇嗙殑璇呭拻鈥濇棤娉曡嚜瑙夛級鍙兘鍜屾煇浜涢渶姹傛湁鍏筹紝鏂囧瓧鎻忚堪娓呮寰堚€滃鏉傗€濓紝骞茶剢灏变笉鍐欎簡锛堜篃璁稿彲浠ュ緱鍒扮紦瑙ｏ級浠ユ垜涓嶆槑鐧界殑璇嶇殑褰㈠紡銆傝繖鍦ㄦ垜浠殑鏃ュ父浜ゆ祦涓緢甯歌銆傜綉涓婂緢闅捐В閲娿€俿olo鐩存帴闈㈠闈紙涔熻鍙互缂撹В锛夎法椤电殑鎻忚堪锛屾瘮濡傝В閲婁竴澶ф鈥滆皟璇曟柟娉曗€濓紝闅愯棌鍝釜鍙橀噺锛屽己琛岃祴鍊兼煇涓彉閲忋€傛湁浜涙搷浣滃彲浠ヨ揪鍒颁竴瀹氱殑鏁堟灉锛屽湪鍓嶇mocking鐨勪竴浜涘満鏅腑缁忓父鐢ㄥ埌锛堜篃璁稿彲浠ョ紦瑙ｏ級銆傛病鍋氳繃vscode鎻掍欢鐨勫悓瀛︽帹鑽愮湅鎴戝厛鍐欑殑鍏ラ棬鏁欑▼锛氳涓€涓秴璇︾粏鐨勫墠绔€妚scode鎻掍欢缂栧啓瀹炶返銆嬪垎浜細锛堟帹鑽愭敹钘忥級锛堜笂锛夎褰曚竴涓秴璇︾粏鍓嶇銆妚scode鎻掍欢鍐欏疄鎴樸€嬪垎浜細锛堟帹鑽愭敹钘忥級锛堜笅锛?.鍔熻兘鐐光€滄妧鏈柟妗堚€濆垎鏋愨憼纭畾鍏蜂綋鐨勬敞瑙ｆ垜浠渶瑕佺害瀹氫竴涓叿浣撶殑鍐欐硶锛屾彃浠跺皢杩欑鍐欐硶璇嗗埆涓衡€滆闊虫敞瑙ｂ€濓紝褰撻紶鏍囨偓鍋滃湪鍏朵笂鏃讹紝鍗冲彲姝ｇ‘鎾姤銆傜洰鍓嶏紝鎴戜娇鐢ㄧ殑褰㈠紡鏄?/voice_annotation+_number銆傗憽鎾斁璇勮audio鐢变簬鏄敤vscode鍐欑殑锛屾墍浠ラ閫夋槸鐢╪ode鏉ユ帶鍒堕煶棰戣緭鍑鸿澶囥€傚鏋滈噰鐢ㄦ墦寮€鏂扮綉椤垫挱鏀惧０闊崇殑鏂瑰紡锛屼細澧炲姞鐢ㄦ埛鐨勬搷浣滅幆鑺傘€傜爺绌朵簡鐜版湁鐨勯煶棰戞彃浠讹紝涓昏鏄煶涔愭挱鏀炬彃浠舵垨鑰呮墦寮€缃戦〉锛屼絾鏄垜浠繖閲屾病鏈夊叾浠栫殑鎾斁鎿嶄綔锛屾瘮濡傚揩杩涘惊鐜挱鏀剧瓑绋嶅井澶嶆潅涓€鐐圭殑闇€姹傦紝鎵€浠ユ垜浠€夋嫨浣跨敤鑺傜偣鎾斁銆傗憿璁板綍娉ㄩ噴鍐呭瑕佸悆楦¤泲锛屽綋鐒惰涓嬭泲銆傚綍闊冲姛鑳藉繀椤昏兘澶熷皢鐢ㄦ埛鐨勫綍闊虫斁鍒板搴旂殑椤圭洰涓紝骞惰繑鍥炵敤鎴风殑鈥滅壒瀹氭敞閲娾€濄€傚亣璁捐繑鍥瀡oice_annotation_20220201锛岀敤鎴峰彲浠ョ洿鎺ョ矘璐村埌椤圭洰涓甯镐娇鐢紝杩欎釜鍔熻兘鐨勪娇鐢ㄥ満鏅簲璇ヤ笉澶氾紝鎵€浠ヨ鑰冭檻鎬ц兘鐩稿叧鐨勯棶棰樸€傗懀瀛樺偍闊抽淇℃伅澶у鏁板紑鍙戣€呯殑鐢佃剳涓婇兘鏈夊涓」鐩紝姣忎釜椤圭洰濡備綍鍑嗙‘鎾斁瀵瑰簲椤圭洰涓嬬殑璇煶锛屽苟涓旀瘡娆″綍闊崇粨鏉燂紝鐢熸垚鐨勯煶棰戞枃浠舵斁鍏ュ搴旂殑椤圭洰涓紝鍙互鏀寔鍥㈤槦浣跨敤銆?.鍒濆椤圭洰锛岃繖娆℃垜浠娇鐢╰s鍏ㄥ眬瀹夎vscode寮€鍙戝伐鍏凤紝骞跺垵濮嬪寲椤圭洰锛歯pminstall-gyogenerator-codeyocode锛坱s纭疄澶浜嗭級涔嬪墠鐨勫紑鍙戞彃浠堕兘鏄娇鐢ㄥ師鐢焜s寮€鍙戠殑锛屽洜涓鸿繖娆″紑鍙戠殑鎻掍欢浼氱敤鍒颁竴浜涒€滀笉甯哥敤鈥濈殑API銆傝瀹炶瘽vscode鐨勬枃妗ｄ笉鏄緢鍙嬪ソ锛屾垜浠洿鎺ョ湅浠ｇ爜鐨則s绫诲瀷鏄渶鏂逛究鐨勩€?activationEvents":["onStartupFinished"],鏉ュ寘銆傚湪json鏂囦欢涓紝杩欓噷淇敼鎻掍欢婵€娲荤殑閰嶇疆锛歰nStartupFinished鎸囧畾鎻掍欢鍦╲scode鍒濆鍖栧畬鎴愬悗鍚姩锛屽垵濮嬪寲vscode鏃朵笉浼氬崰鐢ㄧ敤鎴风殑鎬ц兘锛屾垜浠殑璇煶娉ㄨВ鏄笉鏄偅绉嶇揣鎬ュ惎鍔ㄧ殑绋嬪簭銆傛潵鍒癳xtension.ts鏂囦欢锛屾妸娓呴櫎鍓嶅悗鏃犵敤鐨勪唬鐮佸叏閮ㄦ竻绌烘墽琛寉arnwatch锛屽紑濮嬬紪璇戜唬鐮侊紝璋冭瘯浠ｇ爜鏃秄n+F5浼氭姤閿欙細鐪嬪埌涓婇潰鐨勬姤閿欐垜涓€澶撮浘姘达紝涔嬪墠濂藉儚鏄敤鍘熺敓js鍐欑殑锛屼箣鍓嶆病閬囧埌杩囥€傛垜鍗囩骇浜唙scode缂栬緫鍣紝杩樻槸鎶ラ敊銆傜劧鍚庢垜鍦ㄤ唬鐮侀噷鏌ヤ簡涓€涓嬶細鑷冲皯鏄?020骞?0鏈堝乏鍙崇殑鐗堟湰銆?engines":{"vscode":"^1.50.0"}鏋滀笉鍏剁劧锛屽啀娆¤皟璇曞悗浼氬嚭鐜版彁绀烘锛氭敞锛欯types/vscode涓嬮潰鐨勪篃瑕佹敼鎴愬拰涓婇潰涓€鏍风殑鐗堟湰鍙凤紝涓嶇劧鍒氬垰闃舵涓嶆姤閿欙紝浣嗘槸鎵撳寘鍙戝竷鐨勬椂鍊欎細鎶ラ敊銆?dependencies":{"@types/vscode":"^1.50.0",}3.璇嗗埆鐗规畩娉ㄨВ姝ゅ姛鑳芥槸璇嗗埆骞堕珮浜〉闈笂鐨勨€滆闊虫敞瑙ｂ€濄€備箣鎵€浠ュ厛寮€鍙戣繖涓姛鑳芥槸鍥犱负瀹冩湰韬殑鍔熻兘姣旇緝鐙珛锛岃€屼笖鍙互寰堢洿瑙傜殑鐪嬪埌鏁堟灉锛屽湪娴忚vscode瀹樼綉鐨勬椂鍊欙紝鎴戝彂鐜颁簡涓ょ瀹炵幇鐗瑰畾璇彞鈥滈珮浜樉绀衡€濇晥鏋滅殑鏂规硶銆傝繖閲屾垜浠彲浠ラ鍏堝畾涔夊嚑涓瘑鍒€滆闊虫敞閲娾€濈殑瑙勫垯銆傚亣璁炬湁杩欐牱涓€涓插瓧绗?/voice_annotation_202202070612135678锛岄鍏堟垜浠渶瑕佽瘑鍒?/娉ㄩ噴瀛楃锛屽緱鍒?//'鍚庣殑瀛楃涓瞯oice_annotation_202202070612135678锛岀粰瀹冧竴涓?style'锛屽尮閰嶅唴瀹逛腑鐨勬暟瀛?02202070612135678,浠ヤ究鍑嗙‘鎾斁璇煶銆傚湪src/util/index.tsexportconsttargetName="voice_annotation";//鍗曠嫭鎷垮嚭鏉ワ紝鏂逛究鍚庣画淇敼鐩爣鍚嶇О}_(\\d+)`);4銆佹柟妗堜竴锛氳嚜瀹氫箟璇硶楂樹寒渚嬪js涓殑鍐欐硶function(){}鏄嚱鏁拌娉曪紝in鏄叧閿瓧锛岃繖浜涘叿鏈夌壒瀹氬惈涔夌殑鍐欐硶浼氳璧嬩簣鍚勭鈥橀珮浜€欙紝閭ｄ箞鎴戜滑鍙互璁剧疆//voice_annotation涓哄叧閿瓧锛岀涓€姝ワ細灏唈ojo浣滅敤鍩熸坊鍔犲埌package.json鏂囦欢涓叾浣滅敤浜巎s銆乼s銆乼sx鏂囦欢銆傗€滆础鐚€濓細{鈥滆娉曗€濓細[{鈥滆矾寰勨€濓細鈥?/syntaxes/injection.json鈥濓紝鈥渟copeName鈥濓細鈥渏ojo.injection鈥濓紝鈥渋njectTo鈥濓細[鈥渟ource.js鈥濓紝鈥渟ource.ts","source.tsx"]}]},绗?姝ワ細鍒涘缓injection.json鏂囦欢{"scopeName":"jojo.injection","injectionSelector":"L:comment.line.double-slash","patterns":[{"include":"#jojo"}],"repository":{"jojo":{"match":"jojo_goldenexperience","name":"support.constant.color.0xFF00.css","settings":{"foreground":"FFFFFF"}}}}scopeName椤惧悕鎬濅箟瀹氫箟浣滅敤鍩熷悕绉般€俰njectionSelector瀹氫箟浜唖cope鐢熸晥鐨勮寖鍥达紝涔熷氨鏄瀵?/鍚庨潰鐨勫唴瀹圭敓鏁堛€俲ojo.match鎵ц鍏抽敭瀛楀尮閰嶃€俲ojo.name鏈夌偣鐗规畩锛屽畠瀹氫箟浜嗚繖涓叧閿瓧鐨勬牱寮忥紝浣嗕笉鏄櫘閫氱殑css鏍峰紡锛岃€屾槸闇€瑕佸湪瀹氫箟璇█鏍峰紡鐨勬枃浠朵腑瀹氫箟锛岀劧鍚庡彧鑳藉湪杩欓噷浣跨敤銆傝繖涓柟妗堟湁寰堝缂虹偣锛屾瘮濡備笉鑳解€樿嚜瀹氫箟鏍峰紡鈥欙紝涓嶈兘鍔ㄦ€佹敼鍙樿缃瓑绛夛紝鏈€缁堟垜娌℃湁閫夋嫨杩欎釜瀹炵幇鏂瑰紡銆?銆佹柟妗堜簩锛氭枃妗ｆ绱㈣幏鍙栧綋鍓嶁€樻枃妗ｂ€欑殑鎵€鏈夋枃鏈唴瀹癸紝璧嬩簣鍏剁被css鏍峰紡鐨勮兘鍔涖€傝繖绉嶆柟寮忔瘮杈冪伒娲伙紝鍙互閫氳繃浼厓绱犲疄鐜颁竴浜涙湁瓒ｇ殑鏁堟灉銆傞鍏堬紝鎴戜滑闇€瑕佹娊璞″嚭涓€涓崟鐙殑initVoiceAnnotationStyle鏂规硶锛屼笓闂ㄧ敤鏉ヨ缃闊虫爣娉ㄧ殑椋庢牸锛屼互渚块殢鏃堕殢鍦拌瘑鍒€滆闊虫爣娉ㄢ€濓細鍦╡xtension.ts鏂囦欢涓慨鏀筰mport*asvscodefrom'vscode';浠?./initVoiceAnnotationStyle'瀵煎叆initVoiceAnnotationStyle;//鏂扮殑瀵煎嚭鍑芥暟activate(context:vscode.ExtensionContext){initVoiceAnnotationStyle()//newcontext.subscriptions.push(//newvscode.window.onDidChangeActiveTextEditor(()=>{initVoiceAnnotationStyle()}))}exportfunctiondeactivate(){}context.subscriptions.push鏄竴涓敞鍐屽懡浠わ紝杩欓噷鏄竴涓敓鍛藉懆鏈熶簨浠躲€倂scode.window.onDidChangeActiveTextEditor鐩戝惉鎴戜滑鍦╲scode涓垏鎹㈠紑鍙戞枃浠舵椂鐨勪簨浠讹紝涔熷氨鏄垜浠瘡娆℃墦寮€鏂囦欢鐨勬椂鍊欙紝涔嬫墍浠ヤ娇鐢ㄨ繖涓槸鍥犱负鎴戜滑鐨?璇煶绗旇'鍑犱箮涓嶄細琚敼鍙橈紝鑰屼笖娌℃湁闇€瑕佸崰鐢╲scode鎬ц兘銆傚畾涔夋牱寮廼nitVoiceAnnotationStyle鏂囦欢import*asvscodefrom'vscode';import{getAllTargetReg}from'./util/index'exportdefaultfunction(){vscode.window.visibleTextEditors.map((res)=>{constdocumentText=res.document.getText();constdecorator=vscode.window.createTextEditorDecorationType({color:'gray',cursor:"pointer",textDecoration:"underline",before:{contentText:"馃摙",瀹藉害:"10px",楂樺害:'10px',margin:"08px00"}})letn;constranges=[];while(n=getAllTargetReg.exec(documentText)){conststartPos=res.document.positionAt(n.index+3);constendPos=res.document.positionAt(n.index+3+n[1].length);constrange=newvscode.Range(startPos,endPos)ranges.push(ra鎭╂牸锛夛紱}res.setDecorations(decorator,ranges)})}杩欓噷鐨勭煡璇嗙偣寰堟湁鎰忔€濄€傝鎴戜滑鐢ㄦ埅鍥炬潵璋堣皥vscode.window.visibleTextEditors銆傚彲浠ョ悊瑙ｄ负鍙互鑾峰彇褰撳墠鈥樻縺娲烩€欑殑浠ｇ爜缂栬緫椤甸潰鐨勫睘鎬э紝鍖呮嫭褰撳墠姝ｅ湪娴忚鐨勬槸浠€涔堣锛屾槸鍚︽縺娲讳簡鏌愪簺鏍峰紡绛夊睘鎬э紝濡俽es.document.getText()鑾峰彇鐨勫唴瀹瑰綋鍓嶆縺娲荤殑椤甸潰銆倂scode.window.createTextEditorDecorationType鍒涘缓涓€涓牱寮忥紝杩欓噷鍙畾涔変簡鍑犱釜鍥哄畾鐨勬牱寮忥紝浣嗘槸寰堟鐨勬槸杩欓噷鍙€嬧€嬩互鍒涘缓'浼厓绱?锛岃繖鏍风帺娉曞鏍凤紝鎴戜滑鍙互鎵撳嵃瀹冪殑杩斿洖缁撴灉鐪嬬湅銆傝繖閲岃繑鍥炵殑key鍏跺疄鏄竴涓猚lassName銆傝寖鍥寸敤浜庤褰曡闊虫敞閲婄殑寮€濮嬩綅缃拰缁撴潫浣嶇疆銆備箣鎵€浠ラ€夋嫨while寰幆杩涜澶勭悊锛屾槸鍥犱负鍙兘鏈夊涓獀oice-annotations銆俷.index+3鏄洜涓?/voice-annotation鐨勫墠闈㈡槸//杩欎釜鎴戦€夋嫨淇濇寔鍘熸牱銆傚叿浣撶殑鏍峰紡璋冩暣锛屾垜浠彲浠ヤ娇鐢╲scode寮€鍙戣€呭伐鍏?.hover//voice_annotation鎾斁鏍峰紡棣栧厛锛屾垜浠渶瑕佸畾涔変竴涓柊鐨刪over妯″潡锛岃礋璐over鍚庣殑鏍峰紡+鎾斁闊抽銆俥xtension.ts娣诲姞:import*asvscodefrom'vscode';importhoverfrom'./hover';//鏂板importinitVoiceAnnotationStylefrom'./initVoiceAnnotationStyle';exportfunctionactivate(context:vscode.ExtensionContext){initVoiceAnnotationStyle()context.subscriptions.push(hover);//鏂板context.subscriptions.push(vscode.window.onDidChangeActiveTextEditor(()=>{initVoiceAnnotationStyle()}))}exportfunctiondeactivate(){}瀹氫箟鏂囦欢鍐呭hover.tsimport*asvscodefrom'vscode';import{getVoiceAnnotationDirPath,targetName,testTargetReg}from'./util'letstopFn:()=>void;functionplayVoice(id:string){//杩欓噷鏄伐鍏锋挱鏀鹃煶棰戠殑涓撹緫...}exportdefaultvscode.languages.registerHoverProvider("*",{provideHover(documentnt:vscode.TextDocument,position:vscode.Position){stopFn?.()constword=documentnt.getText(documentnt.getWordRangeAtPosition(position));consttestTargetRes=testTargetReg.exec(鍗曡瘝锛?if(testTargetRes){playVoice(testTargetRes[1])returnnewvscode.Hover('playing...')}}})documennt.getText(documennt.getWordRangeAtPosition(position))鍙互鑾峰彇褰撳墠hover鐨凾ext鍐呭testTargetReg.exec(word)妫€鏌ュ綋鍓嶆偓鍋滄枃鏈槸鍚︿负鐩爣鏂囨湰銆俽eturnnewvscode.Hover('Playing...')杩欓噷杩斿洖鐨勬枃瀛楀彧鑳芥槸markdown鏍煎紡銆俿topFn鏄悗闈㈣鍋氱殑鍋滄鎾斁閫昏緫锛屽洜涓烘湁鐨勯煶棰戝彲鑳藉緢闀匡紝鎴戜滑鍚簡涓€鍗婁笉鎯冲惉浜嗭紝鎴栬€呮垜鍦ㄥ惉鏌愪釜闊抽鐨勬椂鍊欐偓鍋滃湪鍙︿竴涓闊虫潯涓婏紝閭ｄ箞鎴戜滑搴旇鍋滄涓婁竴涓煶棰戝苟鎾斁褰撳墠闊抽銆俥nd鈥嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€屸€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶁€嶇瓑鎴戞彃杩涘幓锛岃繖娆″氨杩欐牱浜嗭紝甯屾湜鑳藉拰澶у涓€璧疯繘姝ャ€?/p>
