WebStormÓÀ¾ÃÐÔÊÇÒ»¿îרҵµÄJavascript¿ª·¢»·¾³¡£webstorm2019°æÔÚÔÏȵĸù»ùÉ϶Ôangular¼Ü¹¹ÊµÏÖÁ˸ÄÉÆ£¬Éý¼¶ÁËCSSºÍHTMLÎı¾Îĵµ£¬¶Ô¿ØÖÆÃæ°åµ÷½Ú¼°ÆäÖÇÄÜ»¯ÈÏÖª×öºÃÁËÌá¸ß£¬½ø¶øÎªJavaScriptºÍ±àÒë³ÌÐòµ½JavaScriptÓïÑÔ±í´ï¡¢node.js¡¢HTMLºÍCSS¸øÓèÁËÖÇÄܱàÂëÐÖú¡£
WebStorm2019ÊÇÒ»¿îרҵµÄHTML±à¼¹¤¾ß£¬ÊÇJetBrains2018½ÏϸÉý¼¶µÄ°æ±¾£¬ÔÚhtml5ºÍJavaScript ²ãÃæÒ²ºÜÓÅÒì¡£¿ÉÒÔ˵³É¡°WebÍøÒ³¿ª·¢ÎäÆ÷¡±¡¢¡°×îÇ¿ÓÐÁ¦µÄHTML5±à¼Èí¼þ¡±¡¢¡°×îÖÇÄÜ»¯µÄJavaScript IDE¡±¡£Ð°汾¶ÔJavaScript£¬TypeScriptºÍCSSÊÊÓøüÇ¿£¬¸ÄÉÆÁËvue.jsµÄ¸ÐÊÜ£¬²¢ÇÒΪJest¼¯³ÉÌáÉýÁËÐÂ×÷Óá£
JetBrains ´òÔì³öµÄǰ¶Ë¿ª·¢¹¤¾ß WebStorm ¹«²¼ÁË 2019 ÄêµÚÒ»¸ö¹Ø¼üÉý¼¶°æ±¾ 2019.1¡£
¡¾ÐÂ×÷Óá¿
Ϊ JavaScript ºÍ TypeScript ¸øÓè¸ü¿ìµÄÖÇÄÜ»¯ÈÏÖª¡¢¸ÄÉÆ¶Ô Angular ¼Ü¹¹µÄÊÊÓá¢Éý¼¶ÁË CSS ºÍ HTML Îı¾Îĵµ£¬¼°Æä¸üÇ¿ÓÐÁ¦µÄµ÷½Ú¿ØÖÆÃæ°åµÈ¡£
¸ù¾ÝÓ¦ÓÃÃû½ÐdestructuringµÄ×÷Óã¬ÎÒÃÇ¿ÉÒÔÓ¦ÓÃÊ®·Ö¼òÔ¼µÄÓ¢ÓïµÄÓï·¨½«¶þάÊý×éºÍÄ¿±êÖеÄÖµ½â»ñÈ¡µ½×Ô±äÁ¿ÖС£WebStorm еÄÖØÐ¹¹½¨ºÍÓÃÒâ×÷Óã¨Alt-Enter£©¿ÉÒÔÐÖú´ó¼ÒÇáÇáËÉËɵؽ« destructuring Òý½ø JavaScript »ò TypeScript ±àÂë¡£
Õë¶Ô Angular Ó¦ÓÃÈí¼þ£¬WebStorm Ôö¼ÓÁË 17 ÏîвéÑ飬¿ÉÐÖúÎÒÃÇÔÚ±àºÅʱ¼ìÑéÓ¦ÓÃÈí¼þÖÐÓë Angular ÓйصÄÌØÊâ²»ÕýÈ·£¬²¢¸øÓèѸËÙÐÞ²¹µÄÌáÒé¡£ÕâÖÖ²éÑéÔÚ TypeScript ºÍÄ£°æÎĵµÀï¶¼»áÆðЧ£¬²¢»á²éÑ鹨Áª¡¢ÃüÁî¡¢²¿¼þºÍºÜ¶à±ðµÄƒÈÈݵÄÓ¦Óá£
ps£ºÎÒ²úÉúµÄÊÇWebStorm°²×°ÎļþºÍ¼¤»°ÊÚȨÎļþ¡¢×¢²áÂ룬רΪ¼¤»°webstormÊÖ»úÈí¼þ¶ø²úÉúµÄ²úÆ·ÐòÁкţ¬ÔÙÏ໥ÅäºÏ³ÌÐò°üÖÐµÄÆÆÒëÎĵµ£¬¼°ÆäÖÐÎÄÓïÑÔ°üÒ»ÆðÓ¦Ó㬿ÉÒÔ½«ÊÖ»úÈí¼þ¼«Ö¼òÌåÖÐÎİ漤»°£¬Êµ¼Ê²ÎÕÕÎÄÖÐʵÀý½Ì³Ì£¡¸÷ÖÖ¼¤»°·½Ê½ÒÑÏà¼Ì±»·â½û£¬ÇëÖ§³Å԰棡
webstormÓÀ¾ÃÐÔÔõôʹÓã¿
1¡¢ÏÂÔØ½øÐÐºó¿ªÆô°²ÑbÖ¸µ¼½çÃæ£¬µãÒ»ÏÂNext°´¼ü½øµ½µ½ÏÂÒ»²½Êµ¼Ê²Ù×÷
2¡¢Ëæºó½øµ½µ½ÕâÒ»½çÃæ£¬¿ÉÒÔ×Ô¶¨ÌôÑ¡°²×°Îļþ£¬¹Ø¼ü×óÏ·½µÄÐèÒªÓ²Å̺ʹÅÅÌËùÊ£ÊÒÄÚ¿Õ¼ä³ß´ç
3¡¢ËæºóÕâ¶ùÊÇÌôѡһЩ×Ô¶¨µÄʵ¼Ê²Ù×÷É趨£¬µÚÒ»¸öÊǰ汾£¬¹ØÏµÎĵµºÍÊDz»Êǰ²ÑbÒ»¸öÈí¼þ
4¡¢ÕâÒ»½çÃæÊÇÌôÑ¡Ôڲ˵¥À¸µÄÎļþÃû£¬µãÒ»ÏÂNext°´¼üÔÙ´Î
5¡¢½ÓמÍÊǵȺòÊÖ»úÈí¼þÍê³É°²ÑbÁË£¬±ØÐëÄÍÐĵȴýÊý·ÖÖӾͿÉÒÔ
6¡¢°²Ñb½øÐеĽçÃæÈçÏÂͼËùʾ£¬µãÒ»ÏÂͼÉϵÄfinish°´¼ü¹ØµôÖ¸µ¼£¬¿ÉÒÔÆôÓÃÕýÖмäµÄ¶îÑ¡ÔñÏîÂíÉÏ´ò¿ªÈí¼þÓ¦ÓÃ
7¡¢´ò¿ªÈí¼þºó»áÌø³öÈçÏÂͼËùʾµÄÊÚȨÎļþ½çÃæ£¬ÔÊÐí²¢ÔٴξͿÉÒÔ£¬ÒÔºó»áÉ趨һЩ½çÃæÊµ¼ÊЧ¹û£¬ÒÀ¾Ý×ÔÉíµÄÑ¡ÓÃÉ趨¾Í¿ÉÒÔ
8¡¢µ½ÕâÒ»½çÃæ±ãÊǼ°Æä¿ÉÒÔ³£¹æÓ¦ÓÃÁË£¬Ìôѡд´½¨»òÊÇ¿ªÆôÒÔǰµÄÐÂÏîÄ¿¾Í¿ÉÒÔ
webstormÓÀ¾ÃÐÔÈçºÎʹÓã¿
1¡¢É趨¿ª·¢»·¾³Ö÷Ìâ/Éè¼Æ·ç¸ñ
File - settings - Editor - colorsfonts - scheme name.
¸úÈ˸оõ Default Darcula Õâ2¿îÖ÷Ì⻹Äܹ»£¬¼ÙÈçÄÚǶÖ÷Ìâ¶¼²»Ì«Ï²»¶£¬¿ÉÒÔÈ¥ Ö÷ÌâÏÂÔØÏêϸµØÖ· ÕÒѰÄãÖÓÒâµÄÖ÷Ìâ¡£
2¡¢»»Îª×ÔÉíÁ˽â±à¼Èí¼þµÄ¿ì¼ü¼ü£ºÈç Eclipse µÄ¼üÅÌ¿ì½Ý¼ü ×Ô¶¨¼üÅÌ¿ì½Ý¼ü×é³É
3¡¢³·ÏúÆôÓð²È«ÐÔ´¢´æ•r¼ä
ÕâÁ½Ïî³·ÏúÆôÓ㬲»È»Î£º¦ÈȸüУ¬²»¿ÉÒÔÁ¢¼´½«¸Ä¶¯µÄƒÈÈÝ·´Ó³ÔÚÊÖ»úä¯ÀÀÆ÷ÉÏ¡£
4¡¢¼¯³É»¯ Eslint
¼¯³É Eslint µÄÌõ¼þÄãµÄÐÂÏîÄ¿ÀïÓ¦ÓÃÁË Eslint¡£
5¡¢¼¯³É»¯ Git
¶Ô Webstorm ¼¯³É Git µÄÌõ¼þ¾ÍÊÇÄãÔçÒѰÑÎÕ Git µÄ»ù±¾²Ù×÷·½·¨
Webstorm ¼¯³É»¯ Git ²úÉúµÄ½âÎöxml±ãÊǽ« Git µÄÃüÁîÓÃÑ¡ÔñÏîµÄº¬Òâ±íÏÖ³öÀ´£¬¼ÙÈçÄãÁ˽â Git ÊÇÔõÑùµÝ½»±àÂëµÄ£¬ÄÇüNÔÚ Webstorm Ó¦Óà Git µÝ½»±àÂëÓ¦µ±²»ÊÇʲôÄÑÌâ¡£
Õë¶Ô֧ϵµÄʹÓÃÔÚ Webstorm ÓÒÏ·½
6¡¢³£¼û¿ª·¢»·¾³¶Ô»°¿ò
¿ª·¢Éè¼ÆÁ÷³ÌÖУ¬×î¾³£Ê¹ÓõÄרÓù¤¾ß¶Ô»°¿òÓÐÏÂÁкöà¸ö£º
Project ¼Í¼ÐÂÏîÄ¿µÄµÈ¼¶¹¹Ô죻£¨¼üÅÌ¿ì½Ý¼ü Alt 1£©
Structure ¼Í¼µ±½ñÎĵµÄÚ²¿½á¹¹µÄµÈ¼¶¹¹Ô죬±ã½ÝѸËÙ¾«×¼¶¨Î»µ½Ä³Ò»·½Ê½£»£¨¼üÅÌ¿ì½Ý¼ü Alt 7£©
Npm Ó¦Óà npm ´î½¨µÄ¹¤³ÌÏîÄ¿£¬Npm ¶Ô»°¿ò»á¼Í¼ package.json ÀïµÄ½Å±¾ÖÆ×÷ÐÅÏ¢ÄÚÈÝ£¬Ò»°ãÓÃÒÔ¿ª»úÆô¶¯ÏîÐÂÏîÄ¿£»¼üÅÌ¿ì½Ý¼ü £¨Ctrl E£©
TODO ÐÂÏîÄ¿ÖÐÔÚËùÄÑÃâÔ¤Âñ TODO ±êʶÓÃÒÔÈÕºó½¡È«£¬¸Ã¶Ô»°¿ò¿ÉÒÔѸËÙ¾«×¼¶¨Î»µ½ÄÄÒ»¸öÎĵµµÄÄÄÒ»ÐÐÔ¤ÂñÁË TODO ±êʶ¡££¨¼üÅÌ¿ì½Ý¼ü Alt 6£©
7¡¢Å䱸 Less È«×Ô¶¯×ªÒë CSS
ÔÚ¿ªÕ¹Å䱸ÒÔǰ£¬Çë±£Ö¤ ÄãÔçÒÑÓ¦Óà npm/yarn »òÆäËûרÓù¤¾ßÈ«¾ÖÐÔ°²ÑbÁË less °ü¡£
8¡¢Webstorm °²×° Editorconfig Èí¼þ
¼ÙÈçÄãµÄÐÂÏîĿʱҪӦÓà .editorconfig »·¾³±äÁ¿¿ØÖÆ´úÂëÉè¼Æ·ç¸ñ£¬ÄÇüN Editorconfig Èí¼þ²»¿É»òȱ¡£Webstorm 2017.1 ¼°ÒÔºóµÄ°æ±¾¶¼Ä¬ÈÏÉèÖð²ÑbÁËÕâÒ»Èí¼þ£¬ÒªÊÇûÓа²Ñb£¬²Î¿¼ÏÂÃæµÄͼ×ÔÖ÷°²Ñb¡£
9¡¢ÎļþÊôÐÔÉ趨 ¡ª¡ª File Types
ÔÚÓ¦ÓÃ΢ÐÅ¿ª·¢¹¤¾ß¿ª·¢Ð¡³ÌÐòʱ£¬³£³£Åöµ½ÄÇô¸öÎÊÌ⣺С³ÌÐò¶¨ÖÆ¿ª·¢×¨Óù¤¾ß²»¼æÈÝÒÀÀµ×¢È뷽ʽ£¬Ò»´ÎÐÔÖ»ÓпªÆôÒ»¸öÐÂÏîÄ¿£¬µ«ÊÇÓë´ËͬʱÓÖÏ뿪Æô±ðµÄÐÂÏîÄ¿²ÎÕÕÀï±ßµÄ±àÂ룬×ܲ»»áÓÃÎı¾±à¼¿ªÆô°É¡£ÎÒÃǵÄÑ¡ÔñÊÇÓ¦Óà Webstorm ¿ªÆôС³ÌÐòµÄÐÂÏîÄ¿£¬µ«ÊǽÓõà¶øÀ´µÄÒ»¸öÎÊÌâ±ãÊÇС³ÌÐòµÄ .wxml ºÍ .wxss ÎļþÊôÐÔ Webstorm ÎÞ·¨Ê¶±ð£¬±àÂëÈ«ÊÇһƬ»ÒºÚÉ«£¬›]Óл·¾³¸ßÁÁ¿´¼ûºÜÊÇÄÑÊÜ¡£
Ó¦Óà File Types ¿ÉÒÔ½« .wxml ºÍ .wxss ÎļþÊôÐÔ¼ÓÉϵ½ Webstorm ÖС£
ÔÚ Cascading Style Sheet ÏÂÌí¼Ó *.wxss ÖÖÀ࣬ӦÓà css Ó¢ÓïµÄÓï·¨¸ßÁÁ£»
ÔÚ HTML ϼÓÉÏ *.wxml ÖÖÀ࣬ӦÓà html Ó¢ÓïµÄÓï·¨¸ßÁÁ¡£
ÁôÒ⣺ǰ±ßµÄ * ºÅ²»ÄÜÍü¼Ç¡£
¡¾webstorm×¢²áÂë¡¿
webstorm¼¤»îÂëÔõô»ñÈ¡£¿webstormÔõô£¿
·½Ê½Ò»£ºÁ¢¼´ÏÂÔØ´Ë¿îÊÖ»úÈí¼þ webstormÓÀ¾ÃÐÔ£¬²»ÓÃÆÆÒë¾Í¿ÉÒÔÏíÓÐÆÆÒë·þÎñÏîÄ¿¡£
·½Ê½¶þ£º»ñµÃ×¢²áÂë
´ò¿ªÍøÕ¾£¨IntelliJ IDEA ÃÜÔ¿£ºhttp://idea.lanyus.com/£©£¬´ó¼ÒÄܼûµ½Ï±ߵĽçÃæ£¬Á¢¼´µãһϻñµÃ×¢²áÂ룬½«²úÉúµÄ×¢²áÂëð¤Ìùµ½WebStorm¼¤»°Ìáʾ¿òÖеÄLisence CodeÎı¾¿ò£¬µãÒ»ÏÂOK¾Í¿ÉÒÔÆÆÒë¡£
·½Ê½Èý£º²¹¶¡
×îÏÈÏÂÔØ²¹¶¡°ü£¬¿´Í¼Æ¬£¡
Ëæºó½«²¹¶¡°ü¿½±´µ½°²×°ÎļþµÄbinÎļþĿ¼ÏÂ
¸ÄͬĿ¼Ï嵀 WebStorm.exe.vmoptions ºÍWebStorm64.exe.vmoptions£¬ÕâÁ½¸öÎĵµÒ»¸öÊÇ32λµÄ£¬Ò»¸öÊÇ64λµÄ£¬ÌáÒéͬši¸Ä¶¯¡£
ÓÃÎı¾±à¼¿ªÆôÒÔºó£¬ÔÚÎĵµ×îÉϱ߼ÓÒ»ÐбàÂë £º
Å䱸ºÃÒԺ󣬴¢´æÎĵµ¡£ÔÚÕâÀïÔÙ¶ÈÔËÐÐWebStorm£¬±ã»á¼ûµ½Ï±ßËùÏÔʾ½çÃæ£¬ÖÁ´Ë²¹¶¡°ü¼¤»°¾Í³É¹¦ÁË¡£
webstormÈçºÎÉèÖúºÓwebstormÈçºÎ¼òÌåÖÐÎİ棿
1¡¢×îÏÈС»ï°éÃDZØÐ뽫webstorm°²ÑbÔÚ×ÔÉíµÄµçÄÔ£»
2¡¢Ëæºó´ÓÔÚÍøÉÏÏÂÔØºº»¯°ü£»
3¡¢½«Îļþ½âѹ²¢¿ªÆôѰÕÒresources_cn.jarѹËõÎļþ£»
4¡¢ÕÒµ½ÄãµçÄÔÉÏÖÐwebstormµÄ°²×°Â·¾¶²¿Î»£¬²¢½«Îĵµ¿ªÆô£»
5¡¢Ñ°ÕÒÎļþ¼ÐÃû³Æ¡°lib¡±,ÁôÒ⺺»¯°ü±ãÊǷŵ½Õâ¶ùŶ£»
6¡¢½«resources_cn.jarѹËõÎļþÁ¢¼´Íϵ½°²×°ÎļþÎļþ¼ÐÃû³Æ¡°lib¡±Àï¾Í¿ÉÒÔ£»
7¡¢×îÖÕÖØÆôwebstromʱ¼´ÊÇÖÐÎİæµÄÀ²£¡
webstormÈçºÎÉèÖÃÖ÷Ì⣿
1¡¢Ôڲ˵¥À¸FileÖÐѰÕÒSettings£¬½øµ½
2¡¢appearanceÀï±ßµÚÒ»¸ö±ãÊÇת»»Ö÷ÌâµÄÉ趨
3¡¢»òÊǼìË÷theme£¬ÆäËûÈí¼þ¿ª·¢ÀàµÄÊÖ»úÈí¼þ£¬»¹¿ÉÒÔÄÇÑù¼ìË÷
4¡¢µãÒ»ÏÂÏÂÀÁÐ±í£¬ÌôÑ¡ÁíÒ»¸öÖ÷Ì⣬ÔÙµãÒ»ÏÂÓÒÏ·½µÄÔËÓã¬Ê¹Ö®ÆðЧ¡£
5¡¢ÕâÒ²ÊÇDarculaÖ÷ÌâµÄʵ¼ÊЧ¹û£¬ÌØÐÔÊÇÉîרɫ
6¡¢ÕâÒ²ÊÇIntellijÖ÷ÌâµÄʵ¼ÊЧ¹û£¬Ä¬ÈÏÉèÖÃÖ÷Ìâ
7¡¢ÕâÒ²ÊÇwindowsÖ÷ÌâµÄʵ¼ÊЧ¹û£¬ºÍIntellijÖ÷ÌâÇø±ð²¢²»´ó
°²×¿Ó¦ÓÃÉ̵êapp£¬ÊÖ»úÓ¦ÓÃÉ̵êÊǰ²×¿ÏµÍ³ÊÖ»úµ³²»ÄÜȱ·¦µÄÒ»²¿·Ö£¬ÎÒÃÇ¿ÉÒԺܱã½ÝµÄÔÚÉÏÃæÏÂÔØÒªÏëµÄÊÖ»úÈí¼þÓÎÏ·£¬ÄÇüNÊÖ»úÓ¦ÓÃÉ̵êÄļҺã¿Ï±ßΪ´ó»ï¶ùÊáÀíÁ˼¸¿î·Ç³£ºÃµÄÊÖ»úÓ¦ÓÃÉ̵êÆÚ´ý´ó»ï¶ùÄÜϲ°®¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿î°²×¿·ÂÆ»¹ûiosÖ÷ÌâÈí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔØ¶à¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓа²×¿·ÂÆ»¹ûiosÖ÷Ìâ×ÀÃæ¡¢°²×¿·ÂÆ»¹ûios14Ö÷Ìâ×ÀÃæ¡¢iosÖ÷ÌâµÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æÆ½Ì¨£¬¶àÌØÃ¿Ò»¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒ°²×¿·ÂÆ»¹ûiosÖ÷ÌâÈí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿îÊʺϰ²×¿Ó¦ÓÃÏÂÔØ£¬ÔÚ¶àÌØÄúÄÜÏÂÔØ¶à¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ,ÔÚÕâÀﰲ׿°æÆ»¹û°æµÈÓ¦ÓÃÓ¦Óо¡ÓÐ,ÕÒÊʺϰ²×¿Ó¦ÓÃÏÂÔØ¾ÍÀ´¶àÌØÈí¼þÕ¾°É¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿î°²×¿±äÆ»¹ûÖ÷ÌâÈí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔØ¶à¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓÐx×ÀÃæ°²×¿±äÆ»¹û¡¢°²×¿·ÂÆ»¹ûiosÖ÷Ìâ×ÀÃæ¡¢°²×¿Ãë±äiphoneÈí¼þµÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æÆ½Ì¨£¬¶àÌØÃ¿Ò»¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒ°²×¿±äÆ»¹ûÖ÷ÌâÈí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£
¶àÌØÈí¼þ԰ΪÄúÕûÀíÁ˶à¿îÃâ·ÑÖ÷ÌâµÄÓ¦ÓÃÈí¼þÈí¼þ£¬ÔÚ¶àÌØÄúÄÜÏÂÔØ¶à¿îÕý¹æµÄ¡¢ÎÞ¶¾Èí¼þ£¬ÆäÖÐÓжà¶àÖ÷ÌâÉ̵ꡢJelly¡¢Ö÷Ìâ±ÚÖ½¾«Ñ¡µÈApp£¬ÕÒÈí¼þÒ»¶¨ÒªÕÒÕý¹æÆ½Ì¨£¬¶àÌØÃ¿Ò»¿îÈí¼þ¶¼½øÐвéɱ£¬È·±£Èí¼þ°²È«£¬ÏëÒªÕÒÃâ·ÑÖ÷ÌâµÄÓ¦ÓÃÈí¼þÓ¦Ó㬸ϽôÀ´¶àÌØÈí¼þÔ°¿´¿´°É¡£