¡¾ÕûÀí·ÖÏí¡¿10¸öVSCodeÖÐÓÃÓÚFlutter¿ª·¢µÄ×î¼ÑÀ©Õ¹
±¾ÆªÎÄÕ¸ø¸÷ÈËÕûÀí·ÖÏí10¸öÓÃÓÚflutter¿ª·¢µÄ×î¼ÑvscodeÀ©Õ¹£¬Ï£Íû¶Ô¸÷ÈËÓÐËù×ÊÖú£¡
1.Pubspec Assist
ÄãÊÇ·ñÑá¾ëÁËÔÚpub.devÉÏÑ°ÕÒÐëÒªµÄFlutterºÍDart°ü£¿ÄãÓ¦¸Ã¸øPubspec AssistÀ©Õ¹Ò»¸öʱ»ú¡£Õâ¸öÀ©Õ¹ÔÊÐíÄãÔÚ²»·ÅÆú±à¼Æ÷µÄÇéÐÎÏÂËÑË÷Èí¼þ°ü£¬È»ºó½«ËüÃǸ½¼Óµ½pubspec.yamlÎĵµÖС£±ðµÄ£¬ËüÔÊÐíÄãͨ¹ýÓöººÅÍÑÀëÎÊÌâÀ´Í¬Ê±Ñ°ÕÒÐí¶à°ü¡£
2.Error Lens
ÔÚ¿ª·¢Àú³ÌÖУ¬¹ýʧºÍÖÒÑÔÊÇÕý³£µÄ£¬µ«ÎÒÃÇÓÃÀ´´¦Öóͷ£ËüÃǵÄÒªÁìÊÇÆæÒìµÄ¡£ÔÚVS Code±à¼Æ÷ÖУ¬¹ýʧºÍÖÒÑÔͨ³£ÏÔʾÔڵײ¿£¬ÎÒÃDZØÐèת¶¯ÁбíÒÔÉó²éÊÇ·ñÓÐÆäËûÎÊÌâ¡£¡¾ÍƼöѧϰ£ºvscode½Ì³Ì¡¢±à³Ì½Ìѧ¡¿
Error LensÀ©Õ¹Í»³öÏÔʾÁË´úÂëÖеĹýʧÐУ¬²¢ÔÚÐÐβ¸½¼ÓÁ˹ýʧϸ½Ú¡£¹ýʧͼ±êÒ²»áÏÔʾÔÚ¹µ²ÛÖС£
±ðµÄ£¬Äã¿ÉÒÔÔÚsettings.jsonÎļþÖÐ×Ô½ç˵¹ýʧ¸ßÁÁµÄÑÕÉ«¡£Õ⽫ʹÄãµÄ¹ýʧÏÔµÃÔ½·¢ÓÕÈË¡£
3.Flutter Tree
µ±¹¹½¨¾ßÓдó×ÚwidgetµÄÓ¦ÓóÌÐòʱ£¬ºÜÄÑÔÚÊ÷ÖÐʶ±ðС²¿¼þ¡£Flutter TreeÀ©Õ¹ÒÔ¼ò»¯µÄÓï·¨½¨ÉèËùÐèµÄwidgetÊ÷¡£ÕâʹµÃ½¨ÉèwidgetÊ÷±äµÃÔ½·¢ÈÝÒ×£¬µ«Äã±ØÐèʹÓÃËü×Ô¼ºµÄÓï·¨À´×ö£¬ÈçÏÂËùʾ¡£
4.Bracket Pair Colorizer 2
ÎÒÃǾ³£ÃÔʧÔÚǶÌ×ÀàºÍС²¿¼þµÄÃÔ¹¬ÖУ¬ÆÌÕÅÁË´ó×ÚµÄʱ¼äºÍ¾«ÉñÊÔͼÕÒµ½×¼È·µÄÀ¨ºÅ¶Ô¡£µ±Éæ¼°µ½¶¨Î»¹ýʧµÄÀ¨ºÅʱ£¬Bracket Pair Colorizer 2ÊÇÒ»¸ö¾ÈÊÀÖ÷¡£
ÄúÒ²¿ÉÒÔ×Ô½ç˵À¨ºÅ¶ÔµÄÑÕÉ«¡£
5.Dart Data Class Generator
ͨ³££¬ÎÒÃÇ»áºöÂÔÀàÖÐËùÐèÒªÁìµÄ½¨Éè¡£VS CodeÓÐÒ»¸öÊÊÓóÌÐò£¬ÔÊÐíÄãÌí¼Óȱ°±ÉÄÒªÁ죬µ«ÄãÒ»´ÎÖ»ÄÜÌí¼ÓÒ»¸ö¡£Dart Data Class GeneratorսʤÁËÕâ¸öÎÊÌ⣬ËüʹÓûùÓÚÀàÊôÐÔ»òÔʼJSONµÄ½á¹¹º¯Êý¡¢copyWith¡¢toMap¡¢fromMap¡¢toJson¡¢fromJson¡¢toString¡¢operator ==ºÍhashCodeÒªÁìÀ´¹¹½¨DartÊý¾ÝÀ࣬ÕýÈçÆäÃû³ÆËùÌåÏֵġ£
Õâ¸öÀ©Õ¹»¹°´×Öĸ˳Ðò¶Ôµ¼Èë¾ÙÐÐÅÅÐò£¬²¢½«ËüÃÇת»»ÎªÊʵ±µÄÃûÌá£
6.Flutter Stylizer
ÖÎÀíÒ»¸ö½á¹¹²»³ä·ÖµÄÖØ´ó´úÂë¿â£¬»á½µµÍ¹¤³ÌʦµÄЧÂÊ¡£Flutter StylizerÀ©Õ¹Í¨¹ýÒÔÒ»ÖºÍÓÐÖ÷¼ûµÄ·½·¨×éÖ¯ÄãµÄÒªÁìÀ´Ïû³ýÕâ¸öÎÊÌâ¡£
Õâ¸ö¹¤¾ßÒÔÏÂÁз½·¨×éÖ¯ÎļþÖеÄÀࣺ
½á¹¹º¯Êý–ÃüÃûµÄ½á¹¹º¯Êý–¹«¹²¾²Ì¬±äÁ¿–¹«¹²ÊµÀý±äÁ¿–¹«¹²ÁýÕÖ±äÁ¿–˽Óо²Ì¬±äÁ¿–˽ÓÐʵÀý±äÁ¿–¹«¹²ÁýÕÖÒªÁì–ÆäËû¹«¹²ÒªÁì–¹¹½¨ÒªÁì¡£
Flutter×Ô¼ºÌṩÁËÃûÌû¯µÄÑ¡Ôñ£¬È»¶ø£¬ËüÖ»¶ÔDartÎļþ¾ÙÐÐÃûÌû¯£¬Ëü²»»á¶Ô´úÂë¾ÙÐÐÖØÐÂÅÅÐò¡£Flutterƾ֤ÕâЩÃûÌû¯¹æÔòÀ´ÃûÌû¯´úÂë¡£
7.Better Comments
ÈôÊÇËùÓеÄ×¢ÊͶ¼½ÓÄÉÏàͬµÄÃûÌã¬ÎÒÃǽ«ÎÞ·¨Æ¾Ö¤Ö÷ÒªÐÔÀ´°²ÅÅÊÂÇ飬²¢ÇÒÓкöÂÔÖ÷ҪʹÃüµÄΣº¦¡£Better CommentsÀ©Õ¹ÓÐÖúÓÚ½¨É踻ºñ¶à²ÊµÄ×¢ÊÍ£¬ÕâʹËûÃǸü¾ß¿É¶ÁÐÔ¡£ÕâÑù¿ÉÒÔ¸üÈÝÒ׵ظú×Ù´úÂë×¢ÊÍ¡£
ÄãËùÒª×öµÄ¾ÍÊÇÓÃ*¡¢£¡¡¢?»òTODO×îÏÈ×¢ÊÍ£¬Ëü¾Í»áÒÔÖ¸¶¨µÄ·½·¨±»×ÅÉ«¡£Ä㻹¿ÉÒÔʹÓÃsettings.jsonÎļþ½¨ÉèÄã×Ô¼ºµÄ×¢ÊÍÆø¸Å¡£
8.Color Highlight
ÔÚ¹¹½¨³ÌÐòʱ£¬ÎÒÃÇÖÎÀíÆÕ±éµÄÑÕÉ«Ñ¡Ôñ£¬µ«¼ÙÉèÎÒÃÇÕýÔÚ±à³ÌµÄÑÕÉ«ÔÚ´úÂë±à¼Æ÷ÖÐÊǿɼûµÄ£¿Õ⽫ÊǺÜÊÇÓÐÀûµÄÏÔʾ³ÌÐòµÄÑÕÉ«£¬¶ø²»ÐèÒªÆô¶¯³ÌÐò¡£Color Highlight²å¼þ¿ÉÒÔÉó²é´úÂëÖÐͨ¹ýÑùʽ»¯ÑÕÉ«Ö¸¶¨µÄÑÕÉ«¡£
9.Markdownlint
FlutterÏîÄ¿ÖÐûÓÐÑéÖ¤Æ÷¿ÉÒÔÈ·±£¼ì²âµ½README.md»òCHANGELOG.mdÎĵµÖеÄÎÊÌ⡣ΪÁËÌî²¹ÕâÒ»µã£¬Markdownlint²å¼þÌṩÁËÒ»Ì××¼Ôò£¬ÒÔÃãÀøMarkdownÎļþµÄ±ê×¼ºÍͳһÐÔ¡£Äã¿ÉÒÔʹÓÃÕâ¸öÀ©Õ¹À´¼ì²éÍâµØµÄÎÊÌ⣬²¢ÔÚʵʱÐû²¼Ö®Ç°ÑéÖ¤ÄÚÈÝ¡£
ÔÚÕâÕÅͼƬÖУ¬Äã¿ÉÒÔ¿´µ½Ò»Ð©¹ýʧ£¬Èç¶à¸öÒ»Á¬µÄ¿ÕÐУ¬ÎÊÌ⼶±ðÓ¦¸ÃµÝÔöÒ»¸ö£¬ÒÔ¼°ÁбíÓ¦¸Ã±»¿ÕÐÐÀ§ÈÆ¡£Óë´ËÏà¹Ø£¬ÎÒÏëÌáÐÑÄ㣬Äã¿ÉÒÔͨ¹ýʹÓÃÔ¤ÀÀ°´Å¥ÔÚVS CodeÖÐÔ¤ÀÀMarkdownÎļþ¡£
10.JSON to Dart Model
µ±´¦Öóͷ£´ó×ÚµÄJSONÎļþʱ£¬ÎªÃ¿¸öÎļþ¹¹½¨DartÄ£×ÓÊǺܼèÐÁµÄ¡£JSON to Dart ModelΪ¸ø¶¨µÄJSON×Ö·û´®½¨ÉèÒ»¸öDartÀࡣͨ¹ýÔÚÄãµÄJSON¼üÖÐÌí¼Ór@»òd@£¬¿ÉÒÔʹJSONÖµ³ÉΪ±ØÐè»òĬÈÏÖµ£¬JSON to Dart Model½«ÎªÄ㱬·¢DartÄ£×Ó¡£
ÔÚÏÂͼÖУ¬JSONÎļþÏÔʾÔÚ×ó±ß£¬ËùÐèµÄÀàºÍÊôÐÔÏÔʾÔÚÓұߣ¬ÕâÊÇ´ÓJSONÎļþÖÐʹÓÃJSON to Dart ModelÀ©Õ¹ÌìÉú¡£
¸ü¶à¹ØÓÚVSCodeµÄÏà¹Ø֪ʶ£¬Çë»á¼û£ºvscode»ù´¡½Ì³Ì£¡
ÒÔÉϾÍÊÇ¡¾ÕûÀí·ÖÏí¡¿10¸öVSCodeÖÐÓÃÓÚFlutter¿ª·¢µÄ×î¼ÑÀ©Õ¹µÄÏêϸÄÚÈÝ£¬¸ü¶àÇë¹Ø×¢±¾ÍøÄÚÆäËüÏà¹ØÎÄÕ£¡