你的分享就是我们的动力 ---﹥

Webstorm入门指南7-cookbook (完结)

时间:2013-01-26 13:39来源:www.chengxuyuans.com 点击:

idea/webstorm/phpstorm的区别?

相同点:三者的界面和操作基本一样,配置文件可以通用(插件不一定通用)。

功能全面性:webstorm < phpstorm < idea

idea拥有最强大的功能,比如自带了ant(webstorm 没有)。

启动速度:idea < phpstorm < webstorm

实际上三者的启动速度相差不大(idea去掉前端无用的插件情况下),都是比较慢的。

前端支持度:idea = phpstorm < webstorm

webstorm面向的用户就是前端工程师,所以会第一时间集成前端新的技术点,比如js单元测试、nodejs、coffeescript等,idea只是以插件的形式出现,选择安装。

易用性:idea < phpstorm < webstorm

webstorm因为最简单、功能最少,所以更为易用。

插件数:webstorm < phpstorm < idea

留意一般webstorm和phpstorm能用的插件,idea都能用,但idea能用的webstorm不一定能用,比如ant插件。

Webstorm的配置目录在哪?

比如明河的机子的配置是在:C:\Users\Administrator\.WebIde50\config,可以在里面找到所有的配置。

Webstorm都有那些快速查找方法?

Webstorm可以使用vim?

很多vim的使用者转到Webstorm非常不习惯,其实在Webstorm试可以使用vim快捷键的,你只需要安装下vim插件即可。

缺失的ant打包工具

Webstorm有个缺陷,少了ant构建工具,目前没有很好的解决方案(明河的机子会装个idea)。

ant比较笨重,构建前端工程有些大材小用,速度也不理想,建议打包工具换成grunt。

关于live editor?

live editor是webstorm5.0主推的功能,当你修改完代码后,立即在浏览器上刷新出结果,不用手动刷新页面。详细说明可以看《liveedit-plugin-features-in-detail》

使用Webstorm自带的debugger工具,还是使用浏览器调试工具?

Webstorm自带了js的debugger工具,教程可以看《Local JavaScript debugging》,明河不是特别推荐使用,因为chrome或firefox上都有更为强大的调试工具。

如何连接远程服务器?

可以看《Working with remote project》这个视频教程,速度很慢,需要耐心等待,明河简单说明下。

很多朋友没找到入口,其实是点击“create new project form existing files”。

如何给不支持的格式文件制定文件解析方式?

比如webstorm不支持.vm模版的高亮,我们可以把.vm文件解析成.html文件。
做法如下:

使用“ctrl+shift+a”,搜索“file types”,就可以找到文件模版的配置,在html类型中加上*.vm即可。

转载注明地址:http://www.chengxuyuans.com/qianduan/tool/Webstorm-8.html