Web开发神器，最智能的Javascript IDE——WebStorm - 小地瓜 - 博客园
posts - 5, comments - 14, trackbacks - 0, articles - 0
我的开发很大一部分是和Javascript打交道，很久以来，我一直在Spket、Aptana、Visual Studio、IntelliJ
IDEA、notepad++、vim等选择中徘徊，因为发现他们都很好，但都缺少我想要的……直到我开始使用WebStorm。& 什么是我对Javascript IDE选择的标准？ 1、快速智能的代码提示（全项目的）和补全 2、支持重构 3、支持代码格式化细节的自定义 4、良好的编辑体验（如快速定位最近的编辑、快速查看代码结构及定义等） 5、轻量、快速 6、便于调试& WebStorm是什么？ WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJ IDEA等都是出自这个公司。 JetBrains给WebStorm下的定义是：The smartest Javascript IDE。敢这么说，肯定是有两把刷子。但是要注意，这个IDE不是免费的，不过大家都知道应该怎么做的~~& WebStorm有什么功能？ 下面我把WebStorm的功能大致罗列一下（这里只说Javascript编辑的功能，其他的html和css之类的大家自己发掘，记得WebStorm可是支持Zencoding的哟，帅~）： &1、智能的代码补全： 支持不同浏览器的提示，还包括所有用户自定义的函数（项目中）
代码补全包含了所有流行的库，比如：JQuery,
YUI, Dojo, Prototype, Mootools and Bindows。 &2、代码格式化： 代码不仅可以格式化，而且所有规则都可以自己来定义：
&3、代码编写中的html提示： 大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。
而且html里面还能有js提示
&4、代码导航和用法查询： 只需要按着Ctrl键点击函数或者变量等，就能直接跳转到定义：
可以全项目查找函数或者变量，还可以查找使用并高亮：
&5、代码重构（这个操作有些像Resharper，熟悉Resharper的用户应该上手很快）： 支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等，比如：
内联变量重构之后变为：
&6、代码检查和快速修复：
可以快速找到代码中的错误或者需要优化的地方，并给出修改意见，快速修复。
&7、代码调试：
&8、代码结构浏览： 可以快速浏览和定位
&9、代码折叠：
&10、包裹或者去掉外围代码：
去掉之后就成了：
怎么样，这些功能足够多了吧，其中的调试和重构包含了很多，这个还需要你来自己挖掘。& 怎样获得WebStorm？ WebStorm现在的最新版本是2.1.5，官方下载地址是：，这是30天的试用版，不过你知道怎么做的（试试） 估计马上，应该是年底之前，3.0就要出来了。& 还有哪些其他功能？ WebStorm还有很多的功能等待挖掘，比如支持所有主流的版本控制，比如svn、git、cvs等；支持FTP的项目，并能自动同步；支持HTML5、Zencoding等等。 我向大家推荐WebStorm做为Javascript编辑器，在使用他的这些日子里，我又重新感受到了编写js的乐趣。WebStorm 为前端而生，专门为 JS 开发做了很多优化，有许多令前端工程师眼前一亮的地方，我十分喜欢这款 IDE。下面讲下我觉得非常有用的几个功能。1. 图片宽高提示。
平时你在写 HTML 时，遇到 img 标签时，是不是要费好大劲去知道图片的宽高？WS 直接展示给你了。2. 标签重构与 CSS 重构如果你想把
&div&此处省略200行&/div&
&p&此处省略200行&/p&
要怎么办？在 WS 里，你只需将光标移到 &div& 或者 &/div&，让后按重构的快捷键就可以轻松地把它变为 p 标签。另外，如果你想把内联的 style 移到外部 CSS 文件里，也是可是通过重构功能实现的。虽然在生产环境下你不会在 HTML 里写内联 style 的，但我们调试时为了方便，会经常这么做。等你调试完了，自然会用到这个功能。
3. 对业界最新技术的支持你安装 WS 后，你会发现它内置了对 SASS、NodeJS、CoffeeScript 的支持。如果它发现你的文件后缀是 .scss 或者 .coffee，就会问你，是否需要把它们自动编译为 css 或 js。4. 可自定义代码格式化规则虽然很多 IDE 都有格式化功能，但能自定义到 WS 这种程度的还没见过。
是否保留单行的 { }。
是否保留单行的function。
属性是否要对其。
冒号前后是否加空格。
5. 设置项是可搜索的「这个 IDE 有这么多设置项，我要折腾好久啊！」WS 考虑到了这一点，所以他的所有设置都是可搜索的，不会让你漫无目的地摸索，你想设置什么就搜什么。想设置外观，就搜 appearance；想设置快捷键，就搜 keymap；想设置插件就搜 plugin。当你进入 keymap，你还可以进行二级搜索，比如你想知道 format 功能的快捷键，就直接搜 format。你甚至可以反过来，搜 Ctrl + L 这个快捷键对应的功能是什么。
原文转载自：/question/
阅读(...) 评论()Sina Visitor System可能是下面的原因：也可能是这些原因：1. 对js的开发有长足的支持，那些自动提示，代码主题，调试之类的我就不说了，主要是对流行技术的支持，比如Node.js,less,sass,jq,ext,prototype等框架的支持 。2. 自身对插件的支持，主要体现在webstorm 2.0以后就已经内置了zencoding了，而如果dw不是完整版的话，zencoding的安装难度可想而知。如果是完整版的话，就不得不忍受一坨无用的插件。3. 团队开发的支持，主要体现在svn,git等版本管理工具，无须引入，直接可用。而且单文件还支持本地历史记录。4. 插件的支持，主要体现在vim，可直接安装插件，还有其它的插件等待着你去挖掘。dw比webstorm的优点，那就是dw的内存占用大概平常80M左右,而webstorm得300M左右，这是我发现唯一dw的长处。5. 完善的版本管理：6. 友好的ftp管理：6. 友好的ftp管理：7. 超强的模板支持：如果说,dw是美工偶尔拖拖表格，写写css的小工具的话，那么webstorm是前端开发的必备利器，不只是对html,css的抒写比较强悍，而且对js，jq等其它js框架开发更是完美。简单的说：dw就是一个编辑器，而webstorm是一个IDE。另外一个，dw自从cs4之后，就已经无路可走，本来近几年的js开发如火如荼，看看这帮2B在dw cs5里边添加的那些隔靴搔痒的新功能，想想都笑，用户在不断的成长，市场在不断的变化，而这帮2B还在沉睡，残酷的市场如金的岁月会检验具有竞争力的产品。相比于dw的固步自封，webstorm正在走上坡路。这里不得不提一下另外一款:aptana ，本身在js方面有一定的靓点，可惜现在搞得跟dw一样，没有抓住现下流行的趋势，一直吃老本。看看aptana 3.0那些2B的功能，就能原谅dw现在还是这个样子。当然一分为二的看的话：如果你只是想拖拖表格，搞搞css，dw cs4 是目前市场上比较适合的编辑器。他的html结构自动识别折叠，能很快找到不完整的div,ctrl + d，跳到定义的class位置等等，是其它编辑器所没有的，在加上zencoding的话，写写静态页面足矣！如果你不只是想折腾css，而是想捣鼓捣鼓js,less,sass,node.js等等之类的新玩意，也想试试vim结合传统编辑器的威力，那webstorm绝对是你最佳的选择。如果你是phper，我推荐phpstorm，它包含所有webstorm的功能。本人已经转向从dw cs4转向 webstorm了，所有的代码提交到google svn,github，下班前提交代码，回家后更新代码。还可能是这个原因：一般给别人推荐两个编辑器：webstorm,sublime text,因为，有个技术叫emmet(ZenCoding), ，而这两个对他的支持是：sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。webstorm是所有编辑器里边唯一内置emmet的一款，并且把emmet精髓往前推动了一步的唯一一款idea。有希望就webstorm,phpstorm，及前端技术相关领域交流的加qq群：此群禁止闲聊，非喜勿进。问题驱动，鼓励提问，分享。
自带的版本控制，这功能挽救了我好多次了。可定制的code template， 加强版的zen coding，而且不仅限于html和css。svn git 等版本工具的支持，内置的 gist 非常方便。nodejs 最好的开发工具，没有之一。只要你会用 chrome 调试浏览器器端的 js，那么你就会用 webstorm 调试 nodejs。预处理语言的支持，使less、sass、cofeescript 等等语言的自动编译变得很简单。最爽的一点，remote host和live edit的组合使用，让你直接编辑远程文件并实时刷新，一下省去了你这么多步骤：保存本地文件， 上传本地文件到远程服务器， 刷新浏览器。功能太多了，只要慢慢调教，webstorm真的爽，我还写了几篇blog，分享一下技巧：ps，blog 迁移到 github 以后，我现在已经直接用 webstorm 写 blog 了，写完md一个快捷键 push 到 github，好愉快……
WS 的JavaScript 自动重构工具是其他IDE都没有的。而且自带了JsTestDriver，做非浏览器界面的单元测试很方便。
一直在打杂，从未被超越WebStorm 有哪些过人之处_百度知道
WebStorm 有哪些过人之处
提问者采纳
&#47，但我们调试时为了方便，遇到 img 标签时，你每天花在写代码上的时间又很长。P，下班关闭之. 对业界最新技术的支持你安装 WS 后;VIM，让后按重构的快捷键就可以轻松地把它变为 p 标签，大胆地重命名吧，而且没有时间精力折腾 VIM 各种蛋疼的插件的话。等你调试完了，自然会用到这个功能。2。这样的好处是不会让你无快捷键可设，是否需要把它们自动编译为 css 或 js。想设置外观;。连 Emmet 都内置了，辞职关闭之。属性是否要对其？启动一个项目所需的时间与项目大小相关，你还可以进行二级搜索. 设置项是可搜索的（英文）「这个 IDE 有这么多设置项，我记不清是不是自带功能了，而且快捷键还是 Tab，如果你想把内联的 style 移到外部 CSS 文件里，怎么办. 可自定义代码格式化规则虽然很多 IDE 都有格式化功能，你会发现它内置了对 SASS？使用 WS 的文件重命名功能. WS 的快捷键是支持二次按键的.css 重命名为 style2. 再说说其他 IDE 也有的功能吧6。英语太差的就不要用 WS 了。不愿意等的请用Sublime。你在 WS 里所有的编辑都被存在本地了。你甚至可以反过来;div&gt，不会让你漫无目的地摸索; Trello &#47，你想设置什么就搜什么。---UPDATE，你只需将光标移到 &lt。如果它发现你有 NPM。）4。---1。所以我觉得。如果它发现你的文件后缀是 ，如果你机器的内存有 4G 以上、文件重命名。比如我把 Git add 的快捷键设置为 Alt+G & Alt + A，一定要试试 WebStorm.css 被很多 html 文件引用了，也是可是通过重构功能实现的。平时你在写 HTML 时。有个插件叫 Pomodoro-要怎么办;改为&lt！WebStorm 为前端而生、Jade 的支持。是否保留单行的 { }：常驻内存300M左右。（WS 8。虽然在生产环境下你不会在 HTML 里写内联 style 的，把 Git commit 设置为 Alt+G & Alt+C。更有甚者说是入职启动之。你们感受一下。2，请用Sublime&#47，比如你想知道 format 功能的快捷键: WebStorm 8 已经对我说的部分功能做了用户体验上的优化。下面讲下我觉得非常有用的几个功能（绝大部分是官方发行版本自带的功能），方便管理和升级，但是 style1，就直接搜;div&gt，所以具体细节可能和我说的有出入，是不是要费好大劲去知道图片的宽高，应该有不少程序员喜欢;&#47？WS 直接展示给你了，Chrome 占的内存比这多多了.S.2、声明提升等等等等;div&此处省略200行&lt、 CSS 重构以及 JS 重构2，有许多令前端工程师眼前一亮的地方、NodeJS.1 标签重构如果你想把&lt.1，专门为 JS 开发做了很多优化。……5，就搜 appearance. 图片宽高提示。是否保留单行的function.less&#47.scss&#47，我要折腾好久啊，详见评论）JS 重构也很好用;p&gt？在 WS 里，所以他的所有设置都是可搜索的. 本地版本控制.0 以更新此功能，会自动列出你安装过的 或者 &lt。包括变量重命名。6！」WS 考虑到了这一点. 标签重构。如果你内存有4G.css。（前提是你的引用是正确且符合常规的） 2。（这个貌似需要装 NodeJS 支持插件；想设置快捷键，它会自动帮你更新所有引用。没有这个功能我都不想写 HTML 了。某人说 IDE 的正确打开方式是上班启动之。不过要注意这些历史有可能被清除.sass 或者 ，会经常这么做. 能与 Redmine &#47，就搜 keymap。WS 是我用过的对 JS 重构支持最好的 IDE;p&gt，我觉得你真不用在意这点内存，我去比较下、CoffeeScript。3。6;。6.2 文件重命名你想把 style1，就会问你;div&gt。冒号前后是否加空格，我十分喜欢这款 IDE，你还不是用的很嗨.3，搜 Ctrl + L 这个快捷键对应的功能是什么，喜欢花时间调教 VIM 各种插件的也没必要用 WS 了. 能与番茄工作法结合.coffee；想设置插件就搜 plugin，如果你的内存只有1G;&#47.3 CSS 重构另外，但能自定义到 WS 这种程度的还没见过，你随时可以还原到历史版本。你可以告诉我还有什么 IDE 对 JS 重构支持不错，太方便了先说缺点吧; Jira 等集成;此处省略200行&lt。当你进入 keymap
其他类似问题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁