WebStorm是一款众多web开发人员经常使用的强大的javascript开发工具,被众多JS开发者誉为"web前端开发神器",如果你是一位网页开发者,那么完全可以使用这款强大开发工具让你的工作更加简单,并且不仅仅只有JS,你还可以用来编辑HTML5的内容和网页或者制作各种有趣的HTML5小游戏。总之,WebStorm并不仅仅局限于开发JS,你还可以用他制作其他的多种东西。
当然使用人群也不仅仅局限于开发人员,测试人员,学生等等人群也能够使用我们的WebStorm开发各种东西,对于学生来说,软件的拼写检查器、重复代码检测器等等功能,让我们的学习开发的人士可以很好的发现自己的错误,让学习者能够快速的发现和检查到自己的错误。如果用户还没有找到一款合适的前端开发工具,那么请一定要试试这款WebStorm,说不定就能够为用户带来全新的不一样的开发体验。
软件特色
—支持AngularJS:智能提示AngularJS指令(包括自定义指令),controller和application names以及括号内的数据绑定
—支持Spy-js:通过Spy-js用户可以看到触发代码执行的事件的完整列表,可帮助整理堆栈跟踪事件,并在源代码中突出显示
—支持多个插入符和选择:允许用户将插入符放到多个位置,在这些位置可以同时编辑代码,轻松地完成编辑和更换
—内置Grunt控制台:通过Grunt控制台可以列出并定义grunt任务的完整列表,双击可执行
—集成Bower:使用Bower包管理器,可以更简单方便的在IDE中搜索、安装和管理客户端库和框架
—JavaScript模块化:完善了对RequireJS和AMD的支持程度,基于requirejs.config实现了源码导航功能
—Live控制台:在控制台中的JavaScript和Node.js的调试工具窗口中允许执行命令和JavaScript代码
主要功能
智能的代码补全
支持不同浏览器的提示,还包括所有用户自定义的函数(项目中)
代码补全包含了所有流行的库,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代码格式化
代码不仅可以格式化,而且所有规则都可以自己来定义
html提示
大家经常在js代码中编写html代码,一般来说十分痛苦,不过有了智能提示,就爽多了。而且html里面还能有js提示。
联想查询
只需要按着Ctrl键点击函数或者变量等,就能直接跳转到定义;可以全项目查找函数或者变量,还可以查找使用并高亮。
代码重构
这个操作有些像Resharper,熟悉Resharper的用户应该上手很快,支持的有重命名、提取变量/函数、内联变量/函数、移动/复制、安全删除等等。
代码检查和快速修复
可以快速找到代码中的错误或者需要优化的地方,并给出修改意见,快速修复。
代码调试
支持代码调试,界面和IDEA相似,非常方便。
代码结构浏览
可以快速浏览和定位
代码折叠
功能虽小,不过胜在方便高效
包裹或者去掉外围代码
自动提示包裹或者去掉外围代码,一键搞定
破解汉化教程
解压后keygen.exe注册机,在Application中选择WebStorm,如下图所示:
然后将user name和注册码复制到注册页面相应位置,如下图所示:
接受协议后就能够使用了。
然后将我们的汉化补丁复制到安装目录下就能够将我们的软件进行汉化了。
配制和使用
1.主题,把下载好的主题包放在C:\Users\jikey(用户名)\.WebIde10\config\colors目录下,然后重启webstorm,settings –> colors & fonts –>scheme name中选择主题名。如果出现特别长代码对齐白线,在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉即可。
2.添加VIM插件:
File -> Settings -> Plugins -> Browse repositories -> 搜索vim,对它单击右键Download and install,然后重启IDE就可以了。
3.除了webstorm之外,此公司还提供另外一个针对phper的开发工具,phpStorm,主页上说明,phpstorm包括所有webstorm的功能。但是习惯于大括号去方法名在同一行显示,所以还得配置:File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->In method declaration : End of line.
4.zencoding默认的快捷键是Tab,如果你需要修改zencoding快捷键的话:File -> Setting -> Live Templates 。
5.在开发js时发现,需要ctrl + return 才能选提示候选项,又需要配置:File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改为 Always
6.注意的地方是:Webstorm的调试不支持中文路径中文文件名。
有哪些过人之处
自带的版本控制,这功能挽救了我好多次了。
优秀的代码定位能力,能轻松将光标定位到变量/属性/方法的定义处,对阅读代码非常有用。
聪明的代码联想、格式化功能。
可定制的code template, 加强版的zen coding,而且不仅限于html和css。
svn、git 等版本工具的支持,内置的 gist 非常方便。
nodejs 最好的开发工具,没有之一。只要你会用 chrome 调试浏览器器端的 js,那么你就会用 webstorm 调试 nodejs。
预处理语言的支持,使less、sass、cofeescript 等等语言的自动编译变得很简单。
最爽的一点,remote host和live edit的组合使用,让你直接编辑远程文件并实时刷新,一下省去了你这么多步骤:保存本地文件, 上传本地文件到远程服务器, 刷新浏览器。
0条评论