令前端工程师追捧的一款前端开发IDE工具WebStorm.docxVIP

webstorm的出现，最近又是5.0.4的新版本发布。为什么这么说呢，她与其它的编辑器有什么不同：1. 任何一个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑文件右上角是没有那个熟悉的米号的。换句话说，所有的操作都直接存储，这样带来的坏处就是，没有以前的米号标识，万一键盘误操作也会被立即存储。省去了ctrl + s之后，在结合Firefox的vim，基本不动鼠标就可以看到结果页面了。2. 任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。就是说，只要webstorm不关闭，你的太阳城文件随时可以返回到之前的操作，webstorm关闭重启后这些历史记录就没有了。这样的坏处也是显然的，由此带来的内存消耗也必然比较大。3. 任何一个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供一个本地文件修改历史记录。4. 与时俱进的眼光。zencoding于2009年出现于it界，在这之后，鲜有工具直接集成到里边。webstorm 2.0之后就集成了。node.js,html5,git,cvs等就不一一列举了。5. 提供的插件也是比较齐全，安装非常方便。这样带来了另外的问题，以前的eclipse是安装第三方的，webstorm貌似不能安装第三方的插件。6. 可以导出当前设置：File - Export setting 下面就是导入设置。?其它的使用：1. 主题，参照这里。（所需的文件下载第4条中setting.rar即可，里边包括文章中提到的颜色配置文件）2. 添加VIM插件：File - Settings - Plugins - Browse repositories - 搜索vim，对它单击右键Download and install，然后重启IDE就可以了。重启之后，控制台会输出： “8:50:07 IdeaVim: Vim keymap was successfully enabled” 说明vim插件安装成功。另外在aptana2.0里边安装vim插件，真是头痛，所有的文件都支持vim模式，在.html居然不支持，郁闷。这样会出现另外一个问题，我如果想用ctrl+c,ctrl+v等一些默认的快捷键，该如何呢？安装VIM之后修改Defualt ，在Main menu - Edit - Copy 单击右键 Remove ctrl + Insert 只会剩下一个ctrl + c。这样配置后，可以使用部分默认的快捷键，90%的VIM快捷键。这之后还有个问题需要注意，在webstorm重启之后，又被全局默认为vim快捷键，需要在File - Setting - Keymap - Keymaps 中选择Default copy，要不然，还是全局的VIM快捷键。3. 除了webstorm之外，此公司还提供另外一个针对phper的开发工具,phpStorm，主页上说明，phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示，所以还得配置：File - Settings - code style - PHP - Wrapping and Braces - Braces placement -In method declaration : End of line.4. zencoding由于其提供的快捷键，确实 zencoding快捷键修改：File - Setting - Live Templates这里边如果你修改一个没有什么特别的，但是如果要添加一个需要在下面需要类型：No applicable contexts yet. Define ，单击Define选择要添加的类型。如何合理的修改，参考这里。如果你对我修改后的文件设置感兴趣请点这里下载。?(其中就是从我的webstorm导出的setting.jar文件，包括主题，快捷键，zencoding.css等)一次性导入：导入：File - Import settings… 下载后单独模块配置目录：win7 - C:Usersjikey(用户名).WebIde10config也可以一次性导出settings : File - Export sttings…5. 在开发js时发现，需要ctrl + return 才能选候选项，又需要配置：File - Setting - Editor - Code Completion - Preselect the first suggestion:‘Smart’ 改为 Always6. 注意的地方是：Webstorm的调试是不支持中文路径中文文件名。以下是webstorm的快捷键说明：1.?ctrl?+?shift?+?n:?打开工程中的文件