服务共青 服务市民   新闻投稿 手机版! 注册! 登录
 
 
 
  忘记密码
 
 
 
 

WebStorm有哪些过人之处

本文内容只适用于WebStorm8,现在WebStorm已经更新,请注意。自问自答,多图杀猫。先说缺点吧:常驻内存300M左右,如果你的内存只有1G,请用Sublime/VIM。如果你内存有4G,我觉得你真不用在意这点内存,Chrome占的内存比这多多了,你还不是用的很嗨?启动一个项目所需的时间与项目大小相关。不愿意等的请用Sublime。某人说IDE的正确打开方式是上班启动之,下班关闭之。更有甚者说是入职启动之,辞职关闭之。你们感受一下。英语太差的就不要用WS了,喜欢花时间调教VIM各种插件的也没必要用WS了。所以我觉得,如果你机器的内存有4G以上,你每天花在写代码上的时间又很长,而且没有时间精力折腾VIM各种蛋疼的插件的话,一定要试试WebStorm!WebStorm为前端而生,专门为JS开发做了很多优化,有许多令前端工程师眼前一亮的地方,我十分喜欢这款IDE。下面讲下我觉得非常有用的几个功能(绝大部分是官方发行版本自带的功能)。---UPDATE:WebStorm8已经对我说的部分功能做了用户体验上的优化,所以具体细节可能和我说的有出入。---1.图片宽高提示。平时你在写HTML时,遇到img标签时,是不是要费好大劲去知道图片的宽高?WS直接展示给你了。2.标签重构、文件重命名、CSS重构以及JS重构2.1标签重构如果你想把<div>此处省略200行</div>改为<p>此处省略200行</p>要怎么办?在WS里,你只需将光标移到<div>或者</div>,让后按重构的快捷键就可以轻松地把它变为p标签。2.2文件重命名你想把style1.css重命名为style2.css,但是style1.css被很多html文件引用了,怎么办?使用WS的文件重命名功能,大胆地重命名吧,它会自动帮你更新所有引用。(前提是你的引用是正确且符合常规的)2.3CSS重构另外,如果你想把内联的style移到外部CSS文件里,也是可是通过重构功能实现的。虽然在生产环境下你不会在HTML里写内联style的,但我们调试时为了方便,会经常这么做。等你调试完了,自然会用到这个功能。(WS8.0以更新此功能,详见评论)JS重构也很好用。包括变量重命名、声明提升等等等等。WS是我用过的对JS重构支持最好的IDE。你可以告诉我还有什么IDE对JS重构支持不错,我去比较下。3.对业界最新技术的支持你安装WS后,你会发现它内置了对SASS、NodeJS、CoffeeScript、Jade的支持。连Emmet都内置了,而且快捷键还是Tab,太方便了。没有这个功能我都不想写HTML了。如果它发现你的文件后缀是.less/.scss/.sass或者.coffee,就会问你,是否需要把它们自动编译为css或js。如果它发现你有NPM,会自动列出你安装过的package,方便管理和升级。(这个貌似需要装NodeJS支持插件,我记不清是不是自带功能了。)4.可自定义代码格式化规则虽然很多IDE都有格式化功能,但能自定义到WS这种程度的还没见过。是否保留单行的{}。是否保留单行的function。属性是否要对其。冒号前后是否加空格。……5.设置项是可搜索的(英文)「这个IDE有这么多设置项,我要折腾好久啊!」WS考虑到了这一点,所以他的所有设置都是可搜索的,不会让你漫无目的地摸索,你想设置什么就搜什么。想设置外观,就搜appearance;想设置快捷键,就搜keymap;想设置插件就搜plugin。当你进入keymap,你还可以进行二级搜索,比如你想知道format功能的快捷键,就直接搜format。你甚至可以反过来,搜Ctrl+L这个快捷键对应的功能是什么。P.S.WS的快捷键是支持二次按键的。比如我把Gitadd的快捷键设置为Alt+G&Alt+A,把Gitcommit设置为Alt+G&Alt+C。这样的好处是不会让你无快捷键可设。6.再说说其他IDE也有的功能吧6.1.本地版本控制。你在WS里所有的编辑都被存在本地了,你随时可以还原到历史版本。不过要注意这些历史有可能被清除。6.2.能与番茄工作法结合。有个插件叫Pomodoro-tm,应该有不少程序员喜欢。6.3.能与Redmine/Trello/Jira等集成。6.4文件结构分析。直接看图。JS文件结构HTML文件结构这个功能对于大文件特别有用。好功能太多,有机会以后再介绍了。---------------------------------------------回复评论:VIM/ST党可能会说,你这些功能VIM/ST也能做到啊。嘿嘿,做不做得到先不谈,WS上面这些功能可都是内置的哦,无需任何配置,改改快捷键就能很称手了哟。现在如果要我用回VIM/ST,我想得第一件事就是“把VIM改造成一个类似于WebStorm的IDE需要花多久时间呢?”1.编辑器和IDE是不同的事物,如果你还认为VIM/ST比IDE好的话,你为什么不来比较一下吸尘器和自行车孰好孰劣呢?2.我说WS好的时候,绝对没有说VIM/ST不好的意思。VIM和ST我都用过超过半年以上,都是不错的“编辑器”,比WS快多了。WS能比它们快才是奇了怪了。3.至于Notepad++,也很不错,我大学时用过至少一年,不过在我习惯了VIM之后就把它抛弃了。所有不支持VIM模式的编辑器或IDE我应该都不会再喜欢了。这里有我回答的一个关于Notepad++的一个问题:Notepad++有哪些适用于前端开发的插件?4.我的路线大概是Notepad++=>ST2=>VIM=>WebStorm、ST3、VIM共存END

上一篇:大家说说08年守护奥运火炬的事吧_2
下一篇:共青城中学举行第四届青少年模仿法庭大赛决赛
友情链接
 
时代网简介 |
广告服务 |
诚聘英才 |
保护隐私权 |
免责条款 |
法律顾问 | 网站地图
 
   
copyright 2006-2010 共青时代网 版权所有
   
   
赣ICP备06002174号 网络文化经营许可证号360400000336 网安备案号:WZ36040000142
     
   
经营性网站
备案信息
中国
互联网协会
网络110
报警服务
不良信息
举报中心