浣滆€呬辅Daan
璇戣€?| 澶忓
绛栧垝 | 涓囦匠
鏃犺浣犳槸缁忛獙涓板瘜鐨勭▼搴忓憳锛岃繕鏄垰寮€濮嬩粠浜嬬涓€浠藉伐浣滅殑绋嬪簭鍛樺皬鐧斤紝浣犻兘鎯宠绋嬪簭寮€鍙戝彉寰楁洿瀹规槗銆備娇鐢ㄦ纭殑宸ュ叿锛屼綘灏辫兘澶熷仛鍒拌繖鐐广€?br>
濡傛灉浣犳鍦ㄤ娇鐢ㄧ殑 IDE 鏄?Visual Studio Code锛岄偅鍙互璁╁畠鍙樺緱鏇村悎浣犵殑鍙e懗銆傚叾涓竴涓柟寮忓氨鏄畨瑁呮纭殑鎻掍欢銆備綘鍙互灏藉彲鑳藉鍦板畨瑁呮彃浠讹紝浠庤€岃缂栫▼鍙樺緱鏇村鏄撱€?/p>
鏃犵枒锛屾彃浠跺浣犵殑宸ヤ綔鏁堢巼鍜屽伐浣滄柟寮忔湁鐫€寰堝ぇ褰卞搷銆傝繖灏辨槸涓轰粈涔堟垜浠帴涓嬫潵浼氱湅鐪?Visual Studio Code 鐨勬彃浠舵竻鍗曘€?/p>
鎴戜滑鏀瑰彉宸ュ叿锛屼箣鍚庯紝宸ュ叿涔熶細鏀瑰彉鎴戜滑銆?/span>鈥斺€擩eff Bezos
娉ㄦ剰锛?/strong>鎵€鏈夎繖浜涙彃浠堕兘鍙互鍦?Visual Studio Marketplace 涓婇潰鍏嶈垂鑾峰彇銆?/strong>
1.Visual Studio Intellicode
Visual Studio Intellicode 鏈夌潃 320 涓囦笅杞介噺锛屾槸 Visual Studio 涓婁笅杞芥鏁版渶澶氱殑鎻掍欢銆傚苟涓旓紝鍦ㄦ垜鐪嬫潵锛屽畠浼氭槸浣犵敤杩囩殑鏈€鏈夌敤鐨勬彃浠朵箣涓€銆?/p>
杩欎釜鎻掍欢鑳藉府鍔╁紑鍙戜汉鍛樼敓鎴愭櫤鑳戒唬鐮佽ˉ鍏ㄦ彁绀猴紝骞朵笖瀹冨唴缃敮鎸佸緢澶氱缂栫▼璇█銆?/strong>
Visual Studio Intellicode 浣跨敤鏈哄櫒瀛︿範鎶€鏈紝閫氳繃瀛︿範澶ч噺 GitHub 椤圭洰鐨勪唬鐮侊紝鑳芥壘鍒颁竴浜涚紪鐮佹ā寮忥紝鐒跺悗鍦ㄤ綘缂栫▼鏃剁粰浜堜唬鐮佹彁绀恒€?/p>
2.Git Blame
璋佸啓鐨勮繖娈典唬鐮侊紵
姣忛殧涓€娈垫椂闂达紝浣犻兘鍙兘闇€瑕佷簡瑙f煇娈典唬鐮佹槸璋佸啓鐨勩€傛濂斤紝Git Blame 灏卞彲浠ュ府浣犮€侴it Blame 浼氬憡璇変綘鏈€鍚庝慨鏀硅繖琛屼唬鐮佺殑浜烘槸璋併€?strong>鏈€閲嶈鐨勬槸锛屼綘鍙互鐪嬪埌杩欏淇敼鍙戠敓鍦ㄥ摢娆℃彁浜ら噷銆?/strong>
杩欎釜淇℃伅寰堟湁鐢紝鐗瑰埆鏄綋浣犲湪鏌愪釜浜у搧鍔熻兘鍒嗘敮涓婂紑鍙戞椂灏ゅ叾鏈夌敤銆傚綋浣跨敤浜у搧鍔熻兘鍒嗘敮寮€鍙戞椂锛屼綘閫氳繃鐐瑰嚮浠ヤ綘鍒嗘敮鍚嶅懡鍚嶇殑鏍囩锛屽氨鍙互璺冲埌鐩稿簲淇℃伅銆?/p>
鐢变簬 Git Blame 浼氬憡璇変綘杩欒浠g爜鏄湪鍝釜鎻愪氦鍜屽摢涓垎鏀笂淇敼鐨勶紝鎵€浠ヤ綘灏辩煡閬撲簡鍝釜鏍囩瀵瑰簲鐫€杩欐淇敼銆傝繖灏嗗府鍔╀綘鏇村ソ鍦扮悊瑙h繖绉嶄慨鏀硅儗鍚庣殑閫昏緫銆?/p>
3.Prettier
瀵归偅浜涙兂涓ユ牸閬靛畧涓€缁勭紪鐮佽鍒欐牸寮忕殑寮€鍙戣€呮潵璇达紝Prettier 鏄浉褰撴湁鐢ㄧ殑鎻掍欢銆傚畠鏄竴涓緢鏈夊惛寮曞姏鐨勬彃浠讹紝鍏佽浣犱娇鐢?Prettier 寮€鍙戝寘銆?/p>
骞朵笖锛屽畠鏄竴涓仴澹殑銆佸浐瀹堟垚瑙勭殑浠g爜鏍煎紡鍖栧埄鍣紝鍏佽寮€鍙戣€呭皢浠栦滑鐨勪唬鐮佽繘琛屾牸寮忓寲銆?/strong>
4.JavaScript锛圗S6锛?Code Snippets
姣忎竴涓柊娼殑 Web 寮€鍙戣€呭簲璇ラ兘澶ф鐜囦娇鐢ㄨ繃涓嶅悓绫诲埆鐨?JavaScript 杞欢鏍堥儴鍒嗐€備笉绠′綘閫夋嫨浜嗕粈涔?JavaScript 妗嗘灦锛屽湪涓嶅悓鐨勯」鐩腑鐩存帴鐢熸垚鍚屾牱鐨勫熀纭€浠g爜閮藉皢缂╃煭浣犵殑宸ヤ綔娴佺▼銆?/p>
JavaScript锛圗S6锛?Code Snippets 灏辨槸杩欐牱涓€娆句究鍒╂彃浠讹紝瀹冧负寮€鍙戣€呬滑鎻愪緵浜嗕竴浜涙湁鐢ㄧ殑 JavaScript 浠g爜鐗囨銆?/strong>瀹冨皢鏍囧噯鐨?JavaScript 鍑芥暟璋冪敤缁戝畾鍒扮畝鍗曠殑蹇嵎閿笂銆備竴鏃︿綘鐔熺粌浣跨敤杩欎釜鎻掍欢锛屽畠灏辫兘鏋佸ぇ鍦版彁楂樹綘鐨勫紑鍙戞晥鐜囥€?/p>
5.Sass
鍙兘浣犲凡缁忕寽鍒颁簡锛岃繖娆炬彃浠跺彲浠ュ府鍔╀娇鐢ㄦ牱寮忚〃鐨勫紑鍙戣€呫€備竴鏃﹀紑濮嬩负搴旂敤绋嬪簭鍒涘缓鏍峰紡琛紝浣犵粷瀵规兂瑕佷娇鐢?Sass 杩欐鎻掍欢銆?strong>杩欐鎻掍欢鏀寔缂╄繘 Sass 璇硶楂樹寒銆佽嚜鍔ㄨˉ鍏ㄥ拰鏍煎紡鍖栥€?/strong>
褰撴秹鍙婂埌鏍峰紡鏃讹紝浣犵粷瀵规兂瑕佸湪浣犵殑宸ュ叿搴撲腑鍔犲叆杩欎釜宸ュ叿銆?/p>
6.Path Intellisense
Path Intellisense 鍙互蹇€熸彁楂樹綘鐨勫紑鍙戞晥鐜囥€傚鏋滀綘鍚屾椂寮€鍙戝涓」鐩紝骞朵娇鐢ㄥ緢澶氫笉鍚岀殑鎶€鏈紝浣犺偗瀹氭兂瑕佷竴涓柟渚跨殑宸ュ叿锛?strong>瀹冭兘甯綘璁颁綇鏂囦欢璺緞銆?/strong>
杩欐鎻掍欢灏辫兘涓轰綘鑺傜渷寰堝杩欐柟闈㈢殑鏃堕棿锛屽府浣犵渷鍘绘壘鍒版纭枃浠惰矾寰勭殑鏃堕棿銆?/p>
7.Debbuger for Chrome
濡傛灉浣犳兂璋冭瘯 JavaScript 绋嬪簭锛屼綘鍙互涓嶅繀绂诲紑 Visual Studio Code 寮€鍙戠幆澧冦€?/p>
Debugger for Chrome 杩欐鎻掍欢灏卞彲浠ュ仛鍒拌繖鐐癸紝瀹冪敱寰蒋鍙戝竷锛?strong>鍏佽浣犲湪 Visual Studio Code 涓洿鎺ヨ皟璇曠綉椤垫簮鏂囦欢銆?/strong>
8.ESLint
ESLint 鎻掍欢灏?ESLint 闆嗘垚杩涗簡 Visual Studio Code 涓€傚鏋滀綘杩樹笉浜嗚В杩欐鎻掍欢锛屾垜绠€鍗曡涓€涓嬶紝杩欐鎻掍欢浼氶潤鎬佸垎鏋愪綘鐨勪唬鐮侊紝蹇€熸壘鍒颁唬鐮佷腑鐨勯棶棰樸€?/strong>
ESLint 鎵惧埌鐨勫ぇ閮ㄥ垎闂閮藉彲浠ョ敱鍏惰嚜鍔ㄤ慨澶嶃€侲SLint 浼氭牴鎹綋鍓嶆枃浠朵娇鐢ㄧ殑璇硶杩涜鑷姩淇锛屾墍浠ュ氨涓嶄細鍍忎紶缁熺殑瀵绘壘 – 鏇挎崲绠楁硶閭f牱浜х敓璇硶閿欒銆?/p>
鏈€閲嶈鐨勬槸锛孍SLint 鏄珮搴﹀彲瀹氬埗鍖栫殑锛?/p>
9.SVG Viewer
SVG Viewer 鎵╁睍鎻掍欢涓哄湪 Visual Studio Code 涓娇鐢?SVG 鍥惧儚鎻愪緵浜嗗ぇ閲忓伐鍏枫€?/p>
杩欐鎻掍欢鑳藉湪缂栬緫鍣ㄤ腑娓叉煋 SVG 鏂囦欢锛岃繖鏍峰氨涓嶇敤绂诲紑缂栬緫鍣ㄤ篃鑳界湅鍒?SVG 鍥剧墖鐨勬牱瀛愩€?/p>
10.Themes
鏈€鍚庝竴涓紝涔熷緢閲嶈锛岃繖灏辨槸 Themes 鎻掍欢銆備綘姣忓ぉ閮借闈㈠浣犵殑缂栬緫鍣紝閭d负浠€涔堜笉鎶婂畠瑁呴グ寰楀ソ鐪嬬偣锛?strong>鏈夊ぇ閲忔彃浠惰兘鏀瑰彉棰滆壊鏂规鍜屼晶杈规爮涓婄殑鍥炬爣銆?/strong>
涓€浜涘彈娆㈣繋鐨勫厤璐逛富棰樺寘鎷細One Monokai 銆?One Dark Pro 銆?Material Icon.
鐐逛釜鍦ㄧ湅灏戜釜 bug 馃憞