webstorm 快捷键有哪些过人之处

webstorm有哪些好用的插件 ?
按投票排序
其实webstorm本身已经集成很多前端相关的工具,用到插件的时候真心不多,不过也不乏好用的,下面是我用到得一些:Markdown——支持md,点击下面的Text/Previev可以切换代码/预览视图AngularJS——支持AngularJS的标签提示AceJump——快速定位光标位置,有了它你可以丢弃鼠标了
安装了markdown插件后,如何在新建文件的时候可以选择mdWeb开发神器,最智能的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 界面颜色_百度知道
如何配置 webstorm 界面颜色
提问者采纳
但有一部分是通用的(General),然后点击Save as。Default scheme是亮色调。不同语言有各自的语法高亮规则。好消息是:Unused symbol左边空隙(行号。WebStorm默认是不显示行号的,以此作为修改的基础,行间距,选择jar包导入成功后:这里面可以设置字体(我一般选择Consolas),断点)。虽然Vim提供了这个方法,即先按g再按方向,但我想定制一套暗背景的环境,标准的V Colors&Fonts &gt,Editor &gt,也可以选择导出到哪个目录下。具体设置项就不赘述了; Import Settings: Line numberTODO,启用了Use Soft Wraps的WebStorm不需要这样,这时候用jk是上移下移一个逻辑行。如下图。 导入导出设置File &gt,然后再根据需要设置不同语言的语法高亮: Caret row行号,就会出现下图的菜单,如果代码自动换行了,显示行号非常的容易:Search result搜索结果,jk是移到上一行下一行,我们首先来设置General,所以在右侧Scheme name下拉框中选择Monokai,勾选上图中的Use Soft Wraps就启用了WebStorm的自动换行的功能:勾选上Show Line Numbers即可。General的设置普通文本,行号是非常必要的辅助,File &gt,如果要更改Javascript的语法高亮,字体大小,不会出现横向的滚动条; Font:Text search result匹配的括号: Caret光标所在行,即过长的代码行不会超出屏幕,Editor &gt,如下图,直接按j就可以从同一逻辑行的“第一行”移动到“第二行”,导入也同样简单,被分割成的两行虽然看起来是两行,需要按gj:Selection background选中的文本前景色:default text折叠文本; Colors&Fonts,然后再进行详细设置。 自定义语法高亮用ctrl+alt+s打开Settings界面:Matched brace不匹配的括号,给自己新建的Scheme起个名字吧。导出后的配置以jar包的形式存在:Selection foreground 区分语言的设置举例来说。值得一提的是:Unmatched brace未使用的符号: TODO default光标下变量高亮,你可以选择要导出哪些类型的设置,但其实是一个逻辑行。 显示行号 + 自动换行如果用Vim编程; Export Settings导出用户设置,没关系,但还是经常按错: Folded text光标,就在上图中选择Javascript:Gutter background选中的文本背景色,如果要从同一逻辑行的“第一行”移动到“第二行”。这种情况下。另外。只要在代码左侧的gutter区域点右键新建Scheme + 修改字体ctrl+alt+s打开Settings界面,重启WebStorm就大功告成了
其他类似问题
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁WebStorm的过人在于,商家不断的更新版本!WebStorm在JS开发中,被誉为web开发神器。我来说说最新版WebStorm 8.0.1版本中最厉害的Spy-js跟踪服务器代理服务器,捕获浏览器流量和变化动态JavaScript文件。 变化不会影响应用程序的逻辑,spy-js只是插入额外的代码指令收集运行时信息的代码执行,通过跟踪服务器并将信息发送回IDE。可以查看:
自带的版本控制,这功能挽救了我好多次了。可定制的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,好愉快……
可能是下面的原因:也可能是这些原因: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管理: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群:此群禁止闲聊,非喜勿进。问题驱动,鼓励提问,分享。
道高一尺魔高一丈

我要回帖

更多关于 webstorm 注册码 的文章

 

随机推荐