WebStorm 有哪些过人之处

如题所述

  先说缺点吧:

  常驻内存300M左右,如果你的内存只有1G,请用Sublime/VIM。如果你内存有4G,我觉得你真不用在意这点内存,Chrome 占的内存比这多多了,你还不是用的很嗨?

  启动一个项目所需的时间与项目大小相关。不愿意等的请用Sublime。某人说 IDE 的正确打开方式是上班启动之,下班关闭之。更有甚者说是入职启动之,辞职关闭之。你们感受一下。

  英语太差的就不要用 WS 了,喜欢花时间调教 VIM 各种插件的也没必要用 WS 了。

  所以我觉得,如果你机器的内存有 4G 以上,你每天花在写代码上的时间又很长,而且没有时间精力折腾 VIM 各种蛋疼的插件的话,一定要试试 WebStorm!

  WebStorm 为前端而生,专门为 JS 开发做了很多优化,有许多令前端工程师眼前一亮的地方,我十分喜欢这款 IDE。下面讲下我觉得非常有用的几个功能(绝大部分是官方发行版本自带的功能)。

  ---

  UPDATE: WebStorm 8 已经对我说的部分功能做了用户体验上的优化,所以具体细节可能和我说的有出入。

  ---

  1. 图片宽高提示。

  平时你在写 HTML 时,遇到 img 标签时,是不是要费好大劲去知道图片的宽高?WS 直接展示给你了。

  2. 标签重构、文件重命名、 CSS 重构以及 JS 重构

  2.1 标签重构

  如果你想把

  

此处省略200行
  改为

  

此处省略200行

  要怎么办?在 WS 里,你只需将光标移到

或者
,让后按重构的快捷键就可以轻松地把它变为 p 标签。
  2.2 文件重命名

  你想把 style1.css 重命名为 style2.css,但是 style1.css 被很多 html 文件引用了,怎么办?

  使用 WS 的文件重命名功能,大胆地重命名吧,它会自动帮你更新所有引用。(前提是你的引用是正确且符合常规的)

  2.3 CSS 重构

  另外,如果你想把内联的 style 移到外部 CSS 文件里,也是可是通过重构功能实现的。虽然在生产环境下你不会在 HTML 里写内联 style 的,但我们调试时为了方便,会经常这么做。等你调试完了,自然会用到这个功能。

  (WS 8.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 的快捷键是支持二次按键的。比如我把 Git add 的快捷键设置为 Alt+G & Alt + A,把 Git commit 设置为 Alt+G & Alt+C。这样的好处是不会让你无快捷键可设。

  6. 再说说其他 IDE 也有的功能吧

  6.1. 本地版本控制。你在 WS 里所有的编辑都被存在本地了,你随时可以还原到历史版本。

  不过要注意这些历史有可能被清除。

  6.2. 能与番茄工作法结合。有个插件叫 Pomodoro-tm,应该有不少程序员喜欢。

  6.3. 能与 Redmine / Trello / Jira 等集成。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2018-06-28
 先说缺点吧:

  常驻内存300M左右,如果你的内存只有1G,请用Sublime/VIM。如果你内存有4G,我觉得你真不用在意这点内存,Chrome 占的内存比这多多了,你还不是用的很嗨?

  启动一个项目所需的时间与项目大小相关。不愿意等的请用Sublime。某人说 IDE 的正确打开方式是上班启动之,下班关闭之。更有甚者说是入职启动之,辞职关闭之。你们感受一下。

  英语太差的就不要用 WS 了,喜欢花时间调教 VIM 各种插件的也没必要用 WS 了。

  所以我觉得,如果你机器的内存有 4G 以上,你每天花在写代码上的时间又很长,而且没有时间精力折腾 VIM 各种蛋疼的插件的话,一定要试试 WebStorm!

  WebStorm 为前端而生,专门为 JS 开发做了很多优化,有许多令前端工程师眼前一亮的地方,我十分喜欢这款 IDE。下面讲下我觉得非常有用的几个功能(绝大部分是官方发行版本自带的功能)。

  ---

  UPDATE: WebStorm 8 已经对我说的部分功能做了用户体验上的优化,所以具体细节可能和我说的有出入。

  ---

  1. 图片宽高提示。

  平时你在写 HTML 时,遇到 img 标签时,是不是要费好大劲去知道图片的宽高?WS 直接展示给你了。

  2. 标签重构、文件重命名、 CSS 重构以及 JS 重构

  2.1 标签重构

  如果你想把

  

此处省略200行
  改为

  

此处省略200行

  要怎么办?在 WS 里,你只需将光标移到

或者
,让后按重构的快捷键就可以轻松地把它变为 p 标签。
  2.2 文件重命名

  你想把 style1.css 重命名为 style2.css,但是 style1.css 被很多 html 文件引用了,怎么办?

  使用 WS 的文件重命名功能,大胆地重命名吧,它会自动帮你更新所有引用。(前提是你的引用是正确且符合常规的)

  2.3 CSS 重构

  另外,如果你想把内联的 style 移到外部 CSS 文件里,也是可是通过重构功能实现的。虽然在生产环境下你不会在 HTML 里写内联 style 的,但我们调试时为了方便,会经常这么做。等你调试完了,自然会用到这个功能。

  (WS 8.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 的快捷键是支持二次按键的。比如我把 Git add 的快捷键设置为 Alt+G & Alt + A,把 Git commit 设置为 Alt+G & Alt+C。这样的好处是不会让你无快捷键可设。

  6. 再说说其他 IDE 也有的功能吧

  6.1. 本地版本控制。你在 WS 里所有的编辑都被存在本地了,你随时可以还原到历史版本。

  不过要注意这些历史有可能被清除。

  6.2. 能与番茄工作法结合。有个插件叫 Pomodoro-tm,应该有不少程序员喜欢。

  6.3. 能与 Redmine / Trello / Jira 等集成。
第2个回答  2018-07-05
  自带的版本控制,这功能挽救了我好多次了。
  优秀的代码定位能力,能轻松将光标定位到变量/属性/方法的定义处,对阅读代码非常有用。
  聪明的代码联想、格式化功能。
  可定制的code template, 加强版的zen coding,而且不仅限于html和css。
  svn、git 等版本工具的支持,内置的 gist 非常方便。
  nodejs 最好的开发工具,没有之一。只要你会用 chrome 调试浏览器器端的 js,那么你就会用 webstorm 调试 nodejs。
  预处理语言的支持,使less、sass、cofeescript 等等语言的自动编译变得很简单。
  最爽的一点,remote host和live edit的组合使用,让你直接编辑远程文件并实时刷新,一下省去了你这么多步骤:保存本地文件, 上传本地文件到远程服务器, 刷新浏览器。
第3个回答  2018-07-26
自带的版本控制。

优秀的代码定位能力,能轻松将光标定位到变量/属性/方法的定义处,对阅读代码非常有用。
聪明的代码联想、格式化功能。
可定制的code template, 加强版的zen coding,而且不仅限于html和css。

svn、git 等版本工具的支持,内置的 gist 非常方便。
nodejs 最好的开发工具,没有之一。只要你会用 chrome 调试浏览器器端的 js,那么你就会用 webstorm 调试 nodejs。
预处理语言的支持,使less、sass、cofeescript 等等语言的自动编译变得很简单。
最爽的一点,remote host和live edit的组合使用,让你直接编辑远程文件并实时刷新,一下省去了你这么多步骤:保存本地文件, 上传本地文件到远程服务器, 刷新浏览器。
相似回答