10涓潪甯稿疄鐢ㄧ殑 VS Code 鎻掍欢

Posted 2021-06-21 寮€鍙戣€呮妧鏈墠绾?/a>

鐐瑰嚮鈥?/span>寮€鍙戣€呮妧鏈墠绾?/span>鈥濓紝閫夋嫨鈥滄槦鏍囸煍濃€?/span>

  
    
    
  
 
   璁╀竴閮ㄥ垎寮€鍙戣€呯湅鍒版湭鏉?/span> 
  

鏃犺浣犳槸缁忛獙涓板瘜鐨勫紑鍙戜汉鍛樿繕鏄垰鍒氬紑濮嬬涓€浠藉伐浣滅殑鍒濈骇寮€鍙戜汉鍛橈紝浣犻兘浼氭兂璁╄嚜宸辩殑寮€鍙戝伐浣滃敖鍙兘杞绘澗涓€鐐广€傛纭殑宸ュ叿浣跨敤鍒欏彲浠ュ府鍔╀綘瀹炵幇杩欎釜鐩爣銆?/span>

濡傛灉浣犻€夋嫨浣跨敤Visual Code浣滀负IDE锛屼綘灏卞彲浠ヤ娇瀹冪鍚堜綘鐨勫亸濂介€夋嫨銆傚疄鐜版鐩殑鐨勪竴绉嶆柟娉曟槸瀹夎姝ｇ‘鐨勬彃浠躲€備负浜嗚浣犵殑鐢熸椿灏藉彲鑳界殑绠€鍗曪紝浣犲彲浠ユ坊鍔犲緢澶氫綘鎯宠鐨勫唴瀹广€?/span>

浣犱娇鐢ㄧ殑鎻掍欢灏嗕細瀵逛綘鐨勫伐浣滄晥鐜囦互鍙婂伐浣滄柟寮忎骇鐢熷緢澶х殑褰卞搷銆傝繖灏辨槸涓轰粈涔堟垜浠杩愮敤Visual Studio Code鎻掍欢鍒楄〃鐨勫師鍥犮€?/span>

鎴戜滑鏀瑰彉宸ュ叿锛屽伐鍏峰啀鏀瑰彉鎴戜滑銆傗€斺€旀澃澶疯礉浣愭柉锛圝eff Bezos锛?

璇锋敞鎰忥紝鎵€鏈夎繖浜涙彃浠堕兘鍙互鍦?/span> Visual Studio Marketplace  涓婂厤璐硅幏寰椼€?/span>

Visual Studio Intellicode

涓嬭浇瓒呰繃320涓囨鐨刅isual Studio Intellicode鏄疺isual Studio涓嬭浇娆℃暟鏈€澶氱殑鎻掍欢涔嬩竴銆傝€屼笖锛屽湪鎴戠湅鏉ワ紝瀹冩槸浣犺兘鐢ㄥ埌鐨勬渶鏈夌敤鐨勬彃浠朵箣涓€銆?br class="mq-32">杩欎釜鎻掍欢鏃ㄥ湪甯姪寮€鍙戜汉鍛樻彁渚涙櫤鑳界殑浠ｇ爜瀹屾垚寤鸿鑰屾瀯寤虹殑锛屽苟涓斿凡棰勫厛鏋勫缓浜嗗澶氱缂栫▼璇█鐨勬敮鎸併€?/span>

Visual Studio Intellicode浣跨敤鏈哄櫒瀛︿範鎶€鏈潵瑙傚療鍜屾煡鎵句紬澶氬紑婧怗itHub椤圭洰涓娇鐢ㄧ殑妯″紡锛屽苟鍦ㄧ紪鐮佹椂鎻愪緵寤鸿銆?/span>

 Git Blame

杩欐槸璋佸仛鐨勶紵锛?br class="mq-44">鏈夋椂鍊欙紝浣犻渶瑕佺煡閬撴槸璋佸啓浜嗚繖娈典唬鐮併€傚ソ鍚э紝Git Blame杩涜浜嗘晳鎻达紝瀹冧細鍛婅瘔浣犳渶鍚庢帴瑙︿竴琛屼唬鐮佺殑浜烘槸璋併€傛渶閲嶈鐨勬槸锛屼綘鍙互鐪嬪埌瀹冨彂鐢熷湪鍝釜鎻愪氦涓€?br class="mq-45">杩欐槸闈炲父濂界殑淇℃伅锛岀壒鍒槸褰撲綘浣跨敤璇稿鐗规€у垎鏀箣绫荤殑涓滆タ鏃躲€傚湪浣跨敤鐗规€у垎鏀椂锛屼綘鍙互浣跨敤鍒嗘敮鍚嶇О鏉ュ紩鐢ㄧエ鎹€傚洜涓篏it Blame浼氬憡璇変綘鍝竴涓彁浜?涔熷氨鏄摢涓垎鏀?鐨勪竴琛屼唬鐮佽鏇存敼浜嗭紝鎵€浠ヤ綘灏变細鐭ラ亾鏄摢涓€涓エ鎹鑷翠簡杩欑鏇存敼銆傝繖鏈夊姪浜庝綘鏇村ソ鍦颁簡瑙ｆ洿鏀硅儗鍚庣殑鍘熷洜銆?/span>

Prettier

Prettier鏄紑鍙戜汉鍛樺湪寮€鍙戞椂闇€瑕侀伒寰竴缁勮壇濂借鍒欑殑鏈€浣虫彃浠朵箣涓€銆傚畠鏄竴涓紩浜烘敞鐩殑鎻掍欢锛岃浣犲彲浠ュ埄鐢≒rettier杞欢鍖呫€傚畠鏄竴涓己澶х殑銆佽嚜浠ヤ负鏄殑浠ｇ爜鏍煎紡鍖栫▼搴忥紝鍙互璁╁紑鍙戜汉鍛樹互缁撴瀯鍖栫殑鏂瑰紡鏍煎紡鍖栦粬浠殑浠ｇ爜銆?br class="mq-57">Prettier涓嶫avaScript銆乀ypeScript銆丠TML銆丆SS銆丮arkdown銆丟raphQL鍜屽叾浠栫幇浠ｅ伐鍏蜂竴璧蜂娇鐢紝鍙互璁╀綘鑳藉姝ｇ‘鍦版牸寮忓寲浠ｇ爜銆?/span>

JavaScript (ES6) Code Snippets

姣忎釜鐣ユ洿鏂扮殑缃戦〉寮€鍙戜汉鍛樺彲鑳介兘浣跨敤杩囧悇绉岼avaScript鍫嗘爤銆傛棤璁轰綘閫夋嫨鍝妗嗘灦锛屽湪涓嶅悓鐨勯」鐩腑閿叆鐩稿悓鐨勯€氱敤浠ｇ爜搴旇浼氬噺灏戜綘鐨勫伐浣滄祦绋嬨€?br class="mq-66">JavaScript (ES6)Code Snippets鏄竴涓柟渚跨殑鎻掍欢锛屽畠涓虹┖闂茬殑寮€鍙戜汉鍛樻彁渚涗簡涓€浜涢潪甯告湁鐢ㄧ殑JavaScript浠ｇ爜鐗囨銆傚畠灏嗘爣鍑嗙殑JavaScript璋冪敤缁戝畾鍒扮畝鍗曠殑鐑敭涓€備竴鏃︿綘鎺屾彙浜嗙獚闂紝浣犵殑宸ヤ綔鏁堢巼灏变細澶уぇ鎻愰珮銆?/span>

Sass

浣犲彲鑳藉凡缁忕寽鍒颁簡锛岃繖涓彃浠跺彲浠ュ府鍔╂鍦ㄤ娇鐢ㄦ牱寮忚〃鐨勫紑鍙戜汉鍛樸€備竴鏃﹀紑濮嬩负搴旂敤绋嬪簭鍒涘缓鏍峰紡琛紝灏变竴瀹氳浣跨敤Sass鎻掍欢銆傝鎻掍欢鏀寔缂╄繘鐨凷ass璇硶 鑷姩璁剧疆璇硶鍒跺  銆佽嚜鍔ㄨˉ鍏ㄥ拰鏍煎紡鍖栥€?br class="mq-77">鍦ㄦ牱寮忔柟闈紝浣犺偗瀹氬笇鏈涘皢姝ゅ伐鍏峰寘鍚湪浣犵殑宸ュ叿闆嗕腑銆?/span>

Path Intellisense

Path Intellisense鏄疺isual Studio浠ｇ爜涔嬩竴锛屽畠鍙互涓轰綘鐨勫紑鍙戞彁渚涙湁淇濊瘉鐨勭敓浜у姏鎻愬崌銆傚鏋滀綘鍚屾椂澶勭悊璁稿椤圭洰锛屼娇鐢ㄤ簡澶涓嶅悓鐨勬妧鏈紝閭ｄ箞浣犺偗瀹氫細闇€瑕佷竴涓彲浠ュ府浣犺浣忚矾寰勫悕鐨勪究鎹峰伐鍏枫€傝繖涓彃浠跺皢涓轰綘鑺傜渷澶ч噺鐨勬椂闂达紝鍚﹀垯灏嗘氮璐瑰湪瀵绘壘姝ｇ‘鐨勭洰褰曚笂銆?br class="mq-86">Path Intellisence鏈€鍒濇槸鐢ㄤ簬鑷姩瀹屾垚鏂囦欢鍚嶇殑绠€鍗曟墿灞曪紝浣嗗畠鍚庢潵琚瘉鏄庢槸澶у鏁板紑鍙戜汉鍛樺伐鍏烽泦涓殑瀹濊吹璧勪骇銆?/span>

Debugger for Chrome

濡傛灉闇€瑕佽皟璇旿avaScript锛屽垯鏃犻渶绂诲紑Visual Studio Code銆傚井杞彂甯冪殑Chrome璋冭瘯鍣ㄥ厑璁镐綘鍙互鐩存帴鍦╒isual Studio Code涓皟璇曟簮鏂囦欢銆?/span>

ESLint

ESLint鎻掍欢灏咵SLint闆嗘垚鍒癡isual Studio Code涓€傚鏋滀綘涓嶇啛鎮夊畠锛孍SLint灏变細浣滀负涓€涓潤鎬佸垎鏋愪唬鐮佺殑宸ュ叿鏉ュ揩閫熷彂鐜伴棶棰樸€?br class="mq-105">ESLint鍙戠幇鐨勫ぇ澶氭暟闂閮藉彲浠ヨ嚜鍔ㄤ慨澶嶃€侲SLint淇绋嬪簭鍙瘑鍒娉曪紝鍥犳浣犱笉浼氶亣鍒扮敱浼犵粺鏌ユ壘鍜屾浛鎹㈢畻娉曞紩鍏ョ殑閿欒銆傛渶閲嶈鐨勬槸锛孍SLint鏄珮搴﹀彲瀹氬埗鐨勩€?/span>

SVG Viewer

SVG Viewer鎵╁睍娣诲姞浜嗚澶氬疄鐢ㄧ▼搴忥紝鍙敤浜庡湪Visual Studio Code涓娇鐢⊿VG銆傝繖涓彃浠朵娇鍛堢幇SVG鏂囦欢鍜屾煡鐪嬪畠浠殑澶栬鎴愪负鍙兘锛岃€屼笉蹇呯寮€缂栬緫鍣ㄣ€傛澶栵紝杩欎釜鎻掍欢杩樺叿鏈夌敤浜庤浆鎹负PNG骞剁敓鎴愭暟鎹甎RI妯″紡鐨勯€夐」銆?/span>

Themes

鏈€鍚庝絾骞堕潪鏈€涓嶉噸瑕佺殑鏄疶hemes銆傛棦鐒朵綘姣忓ぉ閮戒細鐪嬪埌浣犵殑缂栬緫鍣紝閭ｄ负浠€涔堜笉鎶婂畠鍋氬緱灏藉彲鑳界殑婕備寒鍛?鏈夊ぇ閲忕殑鑷畾涔夋彃浠跺彲浠ユ敼鍙樹晶杈规爮鐨勯厤鑹叉柟妗堝拰鍥炬爣銆備竴浜涙祦琛岀殑Themes鏄厤璐规彁渚涚殑,鍒嗗埆鏄?/span> One Monokai  锛?/span> One Dark Pro  鍜?/span> Material Icon  銆?/span>

鍘熸枃锛?/span> https://medium.com/better-programming/10-extremely-helpful-visual-studio-code-plugins-for-programmers-c8520a3dc4b8

鏈€鍚庣粰澶у鏁寸悊浜嗕竴浜涢潰璇曢锛屽彲鎵笅闈簩缁寸爜鍥炲鈥?span class="mq-139">闈㈣瘯鈥濓紝

      
        
        
      

       
         
         
       
 
        
 
         
 
          
 
           
 
            
 
             
 
            
 
            
 
             
 
              
 
             
 
            
 
            
 
             END 
            
 
            
 
             
 
              
 
             
 
            
 
            
 
             
 
            
 
           
 
          
 
         
 
        
 
       
       
         
         
       
 
        
 
       
       
         
         
       
 
        鍓嶇嚎鎺ㄥ嚭瀛︿範浜ゆ祦缇わ紝鍔犵兢涓€瀹氳澶囨敞锛?/span> 
       
       
         
         
       
 
        鐮旂┒/宸ヤ綔鏂瑰悜+鍦扮偣+瀛︽牎/鍏徃+鏄电О锛堝鍓嶇+涓婃捣+涓婁氦+鍙彲锛?/span> 
       
       
         
         
       
 
        鏍规嵁鏍煎紡澶囨敞锛屽彲鏇村揩琚€氳繃涓旈個璇疯繘缇わ紝棰嗗彇涓€浠戒笓灞炲涔犵ぜ鍖?/span> 
       
       
         
         
       
 
        
 
         
 
          
 
           
 
            
 
             
 
              
 
               
 
                
 
                 
 
                  
 
                   
 
                    
 
                     

 
                     
 
                    
 
                   
 
                  
 
                 
 
                
 
               
 
              
鎵爜鍔犳垜寰俊杩涚兢锛屽唴鎺ㄥ拰鎶€鏈氦娴侊紝澶т浆浠浂璺濈
 
            
 
           
 
          
 
         
 
        
 
       
       
         
         
       
 
        
 
         
 
          
 
           
 
            
 
             
 
              
 
               
 
                
 
                 
 
                  
 
                   
 
                    
 
                     
 
                      
 
                       
 
                        
 
                         
 
                          
 
                          
 
                           
 
                            
 
                             
 
                               
                               

                                 鍘嗗彶鎺ㄨ崘 
                                
                              
 
                               

 
                               
 
                               
 
                               
 
                               
 
                               
 
                               
 
                               
 
                               
 
                              
 
                             
 
                            
 
                           
 
                           
 
                            
 
                             
 
                              
 
                                
                              
 
                             
 
                            
 
                           
 
                          
 
                         
 
                        
 
                       
 
                      
 
                     
 
                    
 
                   
 
                  
 
                  
 
                   
 
                    
 
                      
                    
 
                    
 
                     
 
                     
 
                     
 
                      濂芥枃鐐逛釜鍦ㄧ湅鍚э紒