2021VSCode鍓嶇鎻掍欢鎺ㄨ崘鍓嶈█鎺ㄨ崘涓€娉㈠墠绔紑鍙戝繀澶囨彃浠讹紝缁濆鍙互鎻愬崌浣犵殑宸ヤ綔鏁堢巼銆傛妸鍓╀笅鐨勬椂闂磋姳鍦ㄥ壊鑽変笂涓嶆槸寰堝ソ鍚楋紵寮€鍙戠患鍚堟帹鑽愬埆鍚嶈矾寰勮烦杞彃浠跺悕绉帮細鍒悕璺緞璺宠浆浣跨敤璇存槑锛氬埆鍚嶈矾寰勮烦杞彃浠讹紝鏀寔浠讳綍椤圭洰锛屼娇鐢ㄥ満鏅細褰撲綘鍦ㄥ紑鍙戜竴涓〉闈㈢殑鏃跺€欙紝褰撲綘鎯崇偣鍑诲埆鍚嶈矾寰勫鍏ョ粍浠讹紙demo濡備笅锛夐厤缃鏄庝笅杞藉悗锛屼綘鍙渶瑕佽嚜瀹氫箟涓€浜涢厤缃嵆鍙€備綘鍙互鍦ㄥ父鐢ㄧ殑鍒悕璺緞涓婂彸鍑?-銆嬫墿灞曡缃?-銆媠ettinas涓殑PathMappingEdit銆俲son//鏂囦欢鍚嶅埆鍚嶈烦杞?alias-skip.mappings":{"~@/":"/src","views":"/src/views","assets":"/src/assets","network":"/src/network","common":"/src/common"},鏁堟灉灞曠ず璺緞鍒悕鏅鸿兘鎻愮ず鎻掍欢鍚嶇О锛歱ath-alias鍦烘櫙锛氬鍏ョ粍浠舵椂锛屼娇鐢ㄥ埆鍚嶈矾寰勬椂娌＄敤鍒版彁绀吼煈囷紙鍙笌鍒悕璺緞璺宠浆鍚屾椂浣跨敤锛屼笉鍐茬獊锛夎缁嗘暀绋嬶紙绠€鍗曪級瀹夎鏁堟灉鍙婂姛鑳絠ndent-rainbow鎻掍欢鍚嶇О锛歩ndent-rainbow鍔熻兘锛歳ainbow缂╄繘BracketPairColorizer2鎻掍欢鍚嶇О锛欱racketPairColorizer2鍔熻兘锛氫负鍖归厤鐨勬嫭鍙?)鎴栧璞}娣诲姞鐩稿簲鐨勯鑹?.浠ュ尯鍒咥utoRenameTag鎻掍欢鍚嶇О锛欰utoRenameTag鍔熻兘锛氳嚜鍔ㄩ噸鍛藉悕鏍囩CodeSpellCheckerPlug-in鍚嶇О锛欳odeSpellChecker鍔熻兘锛氭鏌ュ崟璇嶆槸鍚︽嫾鍐欓敊璇紙鏀寔鑻辨枃锛塁odeRunner鎻掍欢鍚嶇О锛欳odeRunner鍔熻兘锛氫竴閿墽琛屽悇绉嶈瑷€浠ｇ爜锛堟祴璇曚腑甯哥敤锛塂ebuggerforChromeChrome鍔熻兘锛氬湪VSCode绔紝璋冭瘯浠ｇ爜LiveServerPP鎻掍欢鍚嶇О锛歀iveServerPP鍔熻兘锛氬湪鏈嶅姟鍣ㄧ鎵撳紑浣犵殑鏂囦欢锛屽疄鏃舵樉绀轰綘淇敼鐨勪唬鐮佹敮鎸亀ebsocket娑堟伅鏈嶅姟锛屽彲鐢ㄤ簬Debugwebsocket瀹㈡埛绔敮鎸佸彲缂栫▼铏氭嫙鏂囦欢锛屽彲鐢ㄤ簬妯℃嫙鏈嶅姟绔疉PI鎺ュ彛SvgPreview鎻掍欢鍚嶇О锛歋vgPreview鍔熻兘锛氭湁鏄剧ず浣犵殑SVG鍥剧墖锛岃繕鍙互缂栬緫Tabnine鎻掍欢鍚嶇О锛歍abnine鍔熻兘锛氭櫤鑳芥彁绀轰唬鐮侊紝鍙互棰勭煡浣犺鍐欑殑鎻愮ず浠ｇ爜TemplateStringConverter鎻掍欢鍚嶇О锛歍emplateStringConverter鍔熻兘锛氳緭鍏?string瑙﹀彂锛岃浆鎹㈠瓧绗tring杞崲涓烘ā鏉垮瓧绗︿覆vscode-pigments鎻掍欢鍚嶇О锛歷scode-pigments鍔熻兘锛氬疄鏃堕瑙堣缃殑棰滆壊ParameterHints鎻掍欢鍚嶇О锛歅arameterHints鍔熻兘锛氭彁绀哄嚱鏁板弬鏁扮被鍨嬪拰娑堟伅Quokka銆俲s鎻掍欢鍚嶇О锛歈uokka.js浣跨敤锛氬畨瑁呮彃浠跺悗锛宑trl+shift+p杩涘叆QuokkanewJavaScr..鍗冲彲浣跨敤鍔熻兘锛氬疄鏃舵樉绀烘墦鍗拌緭鍑猴紝鏇村鍔熻兘鑷鎺㈢储锛堢粡甯哥敤浜庢祴璇曪級HighlightMatchingTag鎻掍欢鍚嶇О锛欻ighlightMatchingTag鍔熻兘锛氬綋鍏夋爣鍋滅暀鍦ㄦ爣绛句笂鏃讹紝鍩烘湰涓婂畨瑁呬簡澶ч儴鍒嗘祦琛岀殑楂樹寒鍖归厤鏍囩鎻掍欢銆傛彃浠禕ookmarks鍔熻兘鎴戝氨涓嶈缁嗕粙缁嶄簡锛氱粡甯哥敤鏉ラ槄璇绘簮鐮佹潵鏍囪琛屽拰璺宠浆锛堜唬鐮佹爣璁板揩閫熻烦杞級ESLint鍔熻兘锛氫唬鐮佽鑼冩鏌rettier-Codeformatter鍔熻兘锛氫唬鐮佺編鍖栵紝鑷姩鏍煎紡鍖栨垚鏍囧噯鍖栨牸寮廝rojectManager鍔熻兘锛氶」鐩鐞嗘彃浠讹紝寮€鍙戝涓」鐩椂锛屽彲浠ュ揩閫熻烦杞琍athIntellisense鍔熻兘锛氭櫤鑳借矾寰勬彁绀哄浘鐗囬瑙堝姛鑳斤細瀵煎叆璺緞涓哄浘鐗囨椂锛屽彲浠ラ瑙堝綋鍓嶅浘鐗嘒itLens鍔熻兘锛氬寮篻it鍔熻兘锛屾敮鎸佸湪VSCode涓煡鐪嬩綔鑰呫€佷慨鏀规椂闂寸瓑鍦ㄦ祻瑙堝櫒涓墦寮€鍔熻兘锛氬湪娴忚鍣ㄤ腑鎵撳紑褰撳墠鏂囦欢Vue寮€鍙戞帹鑽恦ue-component鎻掍欢鍚嶇О锛歷ue-component鍔熻兘锛氳緭鍏ョ粍浠跺悕绉拌嚜鍔ㄥ鍏ュ拰瀵煎叆鏌ユ壘缁勪欢锛岃嚜鍔ㄥ鍏ヨ矾寰勫拰缁勪欢鑷姩杈撳叆缁勪欢鍚嶇О锛堝寘鎷渶瑕佺殑灞炴€э級锛屽鍏ヨ鍙ワ紝缁勪欢鍦ㄨ嚧鏁琕etur鎻掍欢鍚嶇О锛歏etur寮€鍙慥ue蹇呭Vue3Snippets鎻掍欢鍚嶇О锛歏ue3Snippets鍩虹蹇呭锛氬緢澶歏ue寮€鍙慠eact闈炲父鏂逛究銆傛帹鑽怰eactStyleHelper鎻掍欢鍚嶇О锛歊eactStyleHelper鍔熻兘锛氬湪React涓洿蹇€熺殑缂栧啓鍐呰仈鏍峰紡锛屽CSS銆丩ESS銆丼ASS绛夋牱寮忔枃浠舵彁渚涘己澶ц緟鍔╁紑鍙戝姛鑳借嚜鍔ㄨˉ鍏ㄨ烦杞埌鏍峰紡鍜屽彉閲忓畾涔変綅缃垱寤篔SX/TSX鍐呰仈鏍峰紡棰勮鏍峰紡鍜屽彉閲忓唴瀹瑰唴鑱旀牱寮忚嚜鍔ㄨˉ鍏紝骞舵敮鎸丼ASS鍙橀噺璺宠浆鍜岄瑙圗S7Reactsnippets鎻掍欢鍚嶇О锛欵S7React/Redux/React-Native/JSsnippets鍔熻兘锛氬緢澶歊eact浠ｇ爜鐗囨锛屽紑鍙戦潪甯告柟渚?vscode-styled-componentsOneDarkPro鎻掍欢鍚嶇О:OneDarkProvscode-icons鎻掍欢鍚嶇О:vscode-iconsVSCodefolder&fileicons:vscode-Icons鍔熻兘锛氬綋鍏夋爣鍋滅暀鍦╟ss灞炴€т笂鏃讹紝鏄剧ず鍚勪釜CSS灞炴€х殑鍒濆鍊糞ketchpad缁樺浘鎻掍欢鍚嶇О锛欴raw.io闆嗘垚鍔熻兘锛氬湪VSCode涓粯鍥撅紝鏀寔澶氫汉鍗忎綔鍥捐〃缂栬緫..Echars鏅鸿兘鎻愮ず鎻掍欢鎻掍欢鍚嶇О锛歟charts-vscode-extension浣跨敤锛氬畨瑁呮彃浠跺悗锛宑trl+shift+p杈撳叆activeEchars寮€鍚櫤鑳芥彁绀哄姛鑳斤細鎻愮ず灞炴€у悇绉岴chars涓殑閫夐」锛屼竴涓緢寮哄ぇ鐨勭炕璇戞彃浠舵彃浠跺悕绉帮細A-super-translate浣跨敤鏂规硶锛氶€変腑璇ヨ锛孋trl+Shift+p杈撳叆缈昏瘧锛岃緭鍏trl+`锛岀劧鍚庢寜ctrl+1鐩存帴鏇挎崲閫変腑鍖哄煙杩涜缈昏瘧銆傛敮鎸佷笉鍚岃瑷€锛屽崟琛屽拰澶氳娉ㄩ噴锛屾敮鎸佺敤鎴峰瓧绗︿覆鍜屽彉閲忕炕璇戯紝鏀寔椹煎嘲鎷嗗垎鎽樿锛堥檮鎵€鏈夋彃浠跺浘鐗囷級鏍规嵁闇€瑕侊紝鍙互瀹夎鐩稿簲鐨勬彃浠讹紙鎻掍欢澶-ins锛孷SCode浼氬緢鍗★級褰撶劧鐢佃剳閰嶇疆澶熷己澶э紝褰撴垜娌¤鐨勷煠?/p>
