webstorm有哪些好用的插件 ?
按投票排序
其实webstorm本身已经集成很多前端相关的工具，用到插件的时候真心不多，不过也不乏好用的，下面是我用到得一些：Markdown——支持md，点击下面的Text/Previev可以切换代码/预览视图AngularJS——支持AngularJS的标签提示AceJump——快速定位光标位置，有了它你可以丢弃鼠标了
安装了markdown插件后，如何在新建文件的时候可以选择mdWeb开发神器最智能的JavaSscript IDE——WebStorm - tianyu的专栏
- 博客频道 - CSDN.NET
什么是我对Javascript IDE选择的标准?
◆ 快速智能的代码提示(全项目的)和补全
◆ 支持重构
◆ 支持代码格式化细节的自定义
◆ 良好的体验(如快速定位最近的编辑、快速查看代码结构及定义等)
◆ 轻量、快速
◆ 便于调试
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等等。
原文：/jnoodle/archive//2250041.html
转载请注明：&转载自
本文链接地址:&
/archives/639
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1647768次
积分：22926
积分：22926
排名：第122名
原创：259篇
转载：1941篇
评论：194条
(77)(74)(85)(9)(28)(5)(11)(13)(2)(2)(6)(9)(33)(8)(15)(3)(4)(1)(1)(8)(61)(10)(5)(1)(3)(40)(44)(21)(19)(11)(1)(1)(1)(1)(3)(14)(48)(48)(2)(14)(53)(12)(12)(17)(9)(25)(15)(17)(9)(18)(18)(2)(6)(1)(14)(8)(12)(23)(26)(14)(2)(13)(17)(53)(13)(2)(6)(5)(15)(10)(19)(14)(15)(5)(14)(28)(15)(17)(22)(3)(18)(9)(10)(13)(21)(22)(110)(78)(81)(21)(23)(42)(3)(5)(19)(16)(31)(1)(7)(14)(9)(12)(27)(30)(10)(19)(12)(6)(13)(17)(18)(23)(28)(19)(12)(5)(3)(5)(5)(5)(21)(11)(39)绿色免费汉化软件之家,用户体验最好的软件下载基地!
当前位置： &
webstorm快捷键有哪些？webstorm常用快捷键汇总
webstorm快捷键有哪些？webstorm常用快捷键汇总
　　webstorm快捷键有哪些?绿茶小编胖胖将在下文汇总webstorm常用快捷键，熟练地掌握快捷键能够提高操作速度，那么webstorm软件有哪些快捷键比较常用呢?请看下文吧。
　　--查找/代替
　　ctrl+shift+N通过文件名快速查找工程内的文件(必记)
　　ctrl+shift+alt+N通过一个字符快速查找位置(必记)
　　ctrl+F在文件内快速查找代码
　　F3查找下一个
　　shift+F3查找上一个
　　ctrl+R文件内代码替换
　　ctrl+shift+R指定目录内代码批量替换
　　ctrl+shift+F指定目录内代码批量查找
　　ctrl+R文件内代码替换
　　ctrl+shift+A快速查找并使用编辑器所有功能(必记)
　　alt+[0-9]快速拆合功能界面模块
　　ctrl+shift+F12最大区域显示代码(会隐藏其他的功能界面模块)
　　alt+shift+F将当前文件加入收藏夹
　　ctrl+alt+s打开配置窗口
　　ctrl+tab切换代码选项卡(还要进行此选择，效率差些)
　　alt+&-或-&切换代码选项卡
　　--界面操作
　　ctrl+shift+N通过文件名快速查找工程内的文件(必记)
　　ctrl+shift+alt+N通过一个字符快速查找位置(必记)
　　ctrl+F在文件内快速查找代码
　　F3查找下一个
　　shift+F3查找上一个
　　ctrl+R文件内代码替换
　　ctrl+shift+R指定目录内代码批量替换
　　ctrl+shift+F指定目录内代码批量查找
　　ctrl+R文件内代码替换
　　--代码编辑
　　ctrl+shift+A快速查找并使用编辑器所有功能(必记)
　　alt+[0-9]快速拆合功能界面模块
　　ctrl+shift+F12最大区域显示代码(会隐藏其他的功能界面模块)
　　alt+shift+F将当前文件加入收藏夹
　　ctrl+alt+s打开配置窗口
　　ctrl+tab切换代码选项卡(还要进行此选择，效率差些)
　　alt+&-或-&切换代码选项卡
　　ctrl+F4关闭当前代码选项卡
　　--导航
　　ctrl+D复制当前行
　　ctrl+W选中单词
　　ctrl+&-或-&以单词作为边界跳光标位置
　　alt+Insert新建一个文件或其他
　　ctrl+alt+L格式化代码
　　shift+tab/tab减少/扩大缩进(可以在代码中减少行缩进)
　　ctrl+Y删除一行
　　shift+enter重新开始一行(无论光标在哪个位置)
　　--建议配置版本控制快捷键
　　esc进入代码编辑区域
　　alt+F1查找代码在其他界面模块的位置，颇为有用
　　ctrl+G到指定行的代码
　　ctrl+]/[光标到代码块的前面或后面
　　alt+up/down上一个/下一个方法
　　ctrl+C提交代码
　　ctrl+p向远程版本库推送更新
　　ctrl+G到指定行的代码
　　ctrl+]/[光标到代码块的前面或后面
　　alt+up/down上一个/下一个方法
绿茶小编猜你还喜欢：
上一篇文章：
下一篇文章：
网友评论已有0条评论，
热门应用推荐前端工程师都有用哪些比较靠谱的小工具？
按投票排序
以下皆为转载，文章末尾有作者与出处。仅作分享，无需点赞，可感谢or收藏。CSS AnimatieCSS Animatie是一款在线制作CSS3动画的工具，可以在线直接制作CSS3动画效果，生成代码。Long Shadows GenerateLong Shadows Generate是一款在线使用纯CSS3实现长阴影的效果，一款强大的扁平化长投影制造器。FontasticFontastic是一个在线生成字体图标的app，可以定制属于自己的图标字体。Screensiz.esScreensiz.es站收集整理了移动端的相关尺寸。Live ToolsLive Tools是一个UI制作工具，他提供了按钮、表单、icon图标和Ribbons的制作工具，可以在线配置相关参数，生成你需要的效果代码。Button Generator生成和图片效果一样的按钮工具。@FONT-FACE GENERATOR@FONT-FACE GENERATOR只需其中一种字体，就可以帮我们转换成@font-face各浏览器下所需的所有字体格式。只是中文字体太大，不太好用。@font-face ICON图标ICON使用@font-face制作是越来越普遍了，但有一些icon字体库有几个icon，而往往我们有时候只需要其中的几个，加载所有的icon感觉浪费，其实没有必要这么做的，在线有两个网站，上面提供了各种字体icon库，我们只需要选择其中的部分，进行安装就OK了。Ultimate CSS Gradient GeneratorUltimate CSS Gradient Generator真心的好用，是我常用的一个在线制作渐变的工具，他除了类似于photoshop的渐变工具之外，还是firefox和chrome浏览器的一个插件。而且还能生成兼容IE的滤镜代码，好强大的。PagebloxPageblox是一款在线生成布局的工具，提供了七种常见的布局模式，而且还可以根据自己的需求做一些自定义的设置。CSS LoadCSS Load是一款纯代码制作loading的工具。【ecd】css3 Animation tool腾讯ECD推出一款强有力的CSS3动画制作工具。Character-Code提供了对应的字符编码，可以查询出对应的字符编码。原作者站酷ID：Hlcc原文：
除去 Chrome Developer tools 以外，常用的还有下面这些：Fetcher: 一个 HTTP Client，可以发送各种 HTTP 请求，用来调试 API 很方便 Charles: Mac 下的 Fiddler，比 Fiddler 还好用些，目前不支持 Retina 屏幕，略挫 Frank DeLoupe: 支持 Retina 的屏幕拾色器，吐血推荐 xScope: 每个前端工程师心中都有一把尺子 Synergy: 在多台电脑间共享键盘和鼠标，只有一个系统一台显示器的前端工程师不是好厨子 Kaleidoscope: 最好用的 Diff 工具，没有之一 iA Writer: Markdown 写文档的工具，开始写文档的那天就是一个前端工程师走向成熟的标志 Tower: Git 的 GUI 工具，支持 GitHub，而且比 GitHub 自己的客户端功能要强大，推荐使用 Git 又对 terminal 命令没有强迫症的人使用 Dash: 各种语言和工具、框架的文档 指列举了一些常用的开发工具，还有很多 productivity 类的和编辑器就木有写了，看个人喜好。===============================
更新不知道为啥这么老的问题最近又被翻出来了...那就顺手更新一下吧。Fetcher 替换成了 Postman: 尤其是 Packaged App 的版本，功能上比 Fetcher 有很大提升 iTerm2 + oh my zsh: 终端其实对前端开发并不是必须的东西，完全不用也有各种 GUI 工具可以帮助你完成任务，但是用过的人才知道这个看起来最原始的东西却能极大提高生产力。而 iTerm2 + oh my zsh 的组合才是真正给人用的终端，称为神器应该没人反对吧？, Skitch: 其实截图工具在 QQ 有了 Mac 版本之后就不是那么重要了，但是 Skitch 却始终在我的工具名单上，除了强大的标注功能外，还能和 Evernote 整合，一旦习惯了就很难离开。Archy: 严格来讲 Archy 是一个 productivity 类的软件，之前说了这个答案只推荐前端开发相关的工具，但是鉴于文档和开发息息相关，还是把它写上来了。重度依赖 Google Drive 的人会爱上这个工具的。ControlPlane: 最初用这个 app 是想在不同的 Wi-Fi 环境下自动切换 location 达到不用手动切换代理的目的，后来发现这个 app 的功能非常强大，拿来模拟各种网络环境、切换测试网络等等都是可以的，玩法多样，大家自己探索吧。
1. node.js + npm， 这个是前端工具的一个平台，没有他们就没有以下的工具，建立开发环境，下载开发工具，运行开发工具的利器1. node.js + npm， 这个是前端工具的一个平台，没有他们就没有以下的工具，建立开发环境，下载开发工具，运行开发工具的利器2. bower, 库依赖管理器，类似于npm，但针对浏览器JavaScript的依赖管理，减少寻找库，下载库和升级库的烦恼3.grunt，流程自动化管理工具，将你非编程的开发步骤减到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱，发布和开发各种无压力。以下大部分开发工具，都有grunt的相对应的插件，也就是说他们都能利用grunt进行自动化运行3.grunt，流程自动化管理工具，将你非编程的开发步骤减到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5无尽地狱，发布和开发各种无压力。以下大部分开发工具，都有grunt的相对应的插件，也就是说他们都能利用grunt进行自动化运行4.liveReload, 本来是一套解决方案，自从grunt watch出现后，我们只要安装他的chrome或者firefox插件就行了。它的目的很简单，只要发现目标文件中有任何一个文件有改动，立刻通知浏览器刷新页面，这样就免除了手动按F5。如果和grunt watch合用，就是只要发现任何文件有改动，立刻运行自动化流程中的所有任务，然后通知浏览器刷新。4.liveReload, 本来是一套解决方案，自从grunt watch出现后，我们只要安装他的chrome或者firefox插件就行了。它的目的很简单，只要发现目标文件中有任何一个文件有改动，立刻通知浏览器刷新页面，这样就免除了手动按F5。如果和grunt watch合用，就是只要发现任何文件有改动，立刻运行自动化流程中的所有任务，然后通知浏览器刷新。5. 本人用less比较多，因为基本无缝兼容历史遗留系统中的css，（而Sass语法比较特殊，还没有专门用过，应该开发新系统的css比较好），一套css预编译语言，可以把less语法转成css语法，lessc是less语言编译器，配合grunt less，编写大型css文档毫无压力。5. 本人用less比较多，因为基本无缝兼容历史遗留系统中的css，（而Sass语法比较特殊，还没有专门用过，应该开发新系统的css比较好），一套css预编译语言，可以把less语法转成css语法，lessc是less语言编译器，配合grunt less，编写大型css文档毫无压力。6.Phantomjs，没有界面的浏览器，用js脚本控制其操作网页。测试，抓图，网页流程自动化利器。配合casperjs的语法简化功能真强库后，控制Phantomjs就更加容易了6.Phantomjs，没有界面的浏览器，用js脚本控制其操作网页。测试，抓图，网页流程自动化利器。配合casperjs的语法简化功能真强库后，控制Phantomjs就更加容易了7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能，在利用live-reload即时刷新功能，可以让你开发css的时候，快速对n多个页面进行观察，看其前后变化。不过缺点也比较明显，就是速度慢。但比起手动对比来看，还是非常快的。值得css开发时拥有7. grunt PhotoBox, 利用phantomjs抓图功能和ImageMagick图片比较功能，在利用live-reload即时刷新功能，可以让你开发css的时候，快速对n多个页面进行观察，看其前后变化。不过缺点也比较明显，就是速度慢。但比起手动对比来看，还是非常快的。值得css开发时拥有（！！无图！！）8. phantomCSS，这个和grunt photobox类似，都用于css开发的，差别是photobox是全局观察差别，而这个是单元组件观察差别，它方便你就抓页面中某一块元素然后进行前后比较，更加注重细节上的差异，这个比较合适组件开发时候使用。9. jshint，帮助你快速定位JavaScript的语法错误和潜在的跨浏览器兼容性问题。在部署你JS前，用jshint检查一下是没错的（！！无图片！！）10.UglifyJS，压缩JavaScript代码，使你的JS代码可以更加快速的加载。有grunt的插件11. browserify允许你在浏览器里面使用CMD标准模块，但本人认为它的另外一个优势是合并代码，开发时候可以把代码模块化，分成很多很多小文件，然后有调理的放到相对应文件夹下，然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码，大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件，这样又减少的开发步骤。11. browserify允许你在浏览器里面使用CMD标准模块，但本人认为它的另外一个优势是合并代码，开发时候可以把代码模块化，分成很多很多小文件，然后有调理的放到相对应文件夹下，然后最后合成单一文件。本人曾经利用browserify开发greasemonkey代码，大大简化了greasemonkey的开发难度和增强了greasemonkey代码的质量。browserify有grunt插件，这样又减少的开发步骤。12. Karma， google开发的一个单元测试运行器，这个自己本身不是一个单元测试框架，而是配合测试单元框架的一个工具。由于前端浏览器众多，就算你有live-reload这样自动化工具，但是还是要手动打开各种浏览器，手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器，然后把单元测试在个个浏览器中自动运行一遍，让这个步骤也能自动化了。12. Karma， google开发的一个单元测试运行器，这个自己本身不是一个单元测试框架，而是配合测试单元框架的一个工具。由于前端浏览器众多，就算你有live-reload这样自动化工具，但是还是要手动打开各种浏览器，手动把你的单元测试在各个浏览器都运行一遍。这个工具目的是目的就是让电脑能自动化打开各种浏览器，然后把单元测试在个个浏览器中自动运行一遍，让这个步骤也能自动化了。（！！无图片！！）13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin实际上背后使用的是clean-css工具，这个工具就是用来压缩精简css的，让css文件大小更小。还有些有名气的工具，应该不错，但是自己没有用过，所以也就没有提，但可以参考一下yeoman 项目初始化工具buddy.js 魔术数字检查器 Image minifier.压缩图片工具html-minifier html压缩jade html预编译语言jsdox JS代码注释文档生成器jscs JS代码风格检查器
我现在几乎全部在 chrome 下调试：主要使用 chrome 自带的开发者工具，很强大。另外推荐一个我自己写的 chrome 插件， css auto reload , 在写 css 的阶段，可以减少你不断的切换窗口的麻烦，地址：介绍的文章：演示视频：
sudo npm install anywhere -g 随时把目录变静态文件服务器
我收集了一些前端在线工具：
Livereload，拯救你的F5！
Mac下的一些小工具压缩图片（1.6MB）：对比文件（1.6MB）：书写代码（8MB）：代码管理（1.4MB）：
我在这里总结了一些，不是很全，近期更新丰富一下。
小工具。。。文件部署 cssgaga文件对比 beyond compare参考 css3 please常用的也就这些吧
前端开发只注重这几条：1、开发软件启动速度快2、界面简洁，可视范围大3、文件列表清晰，能方便的连接sftp进行文件修改4、有默认的素材可以提高一些效率5、方便的切换折行与不折行6、支持文件模板7、语法高亮、匹配括号8、显示tab标记，不显示空格标记与换行标记9、支持重新载入文件（服务器更新后代码可能会更新，需要重新载入文件）10、方便的切换文件格式与文件编码一定要快！简洁！强大！以下是软件：Filezilla：Sftp上传工具EditPlus 3：最好的写代码工具，还能与系统集成，右键-“使用Editplus打开”。尝试过sublime、Coda、textmate、eclipse、intellij（webstorm）、aptana、notepad++、dreamweaver……全都不理想Firefox、Chrome、Safari：Mac上首选safari、windows上首选Chromephotoshop：切图需要VMware Player：免费，快速（Mac用 VMware fusion替代，收费）别用IEtester，坑爹WebStorm（PHPStorm）：用来检测HTML问题（比如用来查找未闭合的标签）FastStone Capture：见过的最好的屏幕尺子工具，带取色、截屏、尺子iChm：mac上读chm文件的软件，windows下忽略。一定要配上一本chm手册
sublime text2F5firebugcolorPixfiddlervmLite
firefox下的插件工具：（1）firebug，前端调试利器（2）web developer,老牌大哥（3）YSlow,你的网站性能真的好吗？（4）......欢迎添加...（5）添加一个IE webdeveloper
上面的回答提到了很多提高生产效率的工具，我这里补充1个不算是工具的东西，，帮助你学习新技术，与时俱进，原因如下：收录了最新的前端技术、教程、实验、工具；支持周刊订阅和在线浏览多种方式，做了响应式设计；采用类似PostRank算法对内容进行排序，方便浏览到最精彩的内容；对于有热情投递内容的同学开发了Chrome浏览器插件。
搞重构（CSS）的一般都会用到的，对比设计图和HTML间差距的工具：上面那个是Firefox的扩展，我自己开发了一个Chrome下面的（主要是受不了Pixel Prefect更新得太慢了）：ps：如果有什么反馈意见可以mailto:或者来微博找我
最重要的几个：1、文件保存后，对应的网页自动刷新查看效果。2、chrome的开发者工具。3、fiddler，尤其是前后台编码问题。
但我常用的你可以参照一下：1. 设计psd效果图：photoshop cs32. 写html,css: dreamweaver cs4 +
写javascript: webstorm，不过也装了zencoding4. 一般的单文件编辑：Notepad25.
一般的多文章编辑：sublime text2, editplus 36. php ide：phpstorm3.07.java
ide:IntelliJ IDEA 11, eclipse 3.5,8.ftp: filezilla9. 其它导图的：Illustrator
CS3, coreldraw 1210. 文件比较：BCompare11. 配色参照：ColorImpact 312.
psd搜索网站：13. 搜图标：
14:看图软件：iSee看图精灵，美图看看15.email客户端:
foxmail16: win7 64bit输入法：小鸭输入法17. 在线记事，支持web,客户端，手机端：麦库
代码编辑：ST2+图片编辑：PS3+取色尺子：马克鳗代码比较：BCompare思维导图：Xmind保存刷新：LiveLoad分屏开发：UltraMon（分屏能够提升15%的效率）反向代理：Fiddler2浏览器：Chrome的canary版本（同一电脑可以安装两个版本的Chrome，一个开发，一个正常使用）构建工具：grunt，ant，shell等...
编辑器sublime text2Chrome插件系列：拾色器Eye Dropper
标尺Page Ruler
保存网页到Pocket
调试不同窗口尺寸Window Resizer ，User-Agent Switcher for Chrome
Chrome 下的插件:1 Edit This Cookie 2 Proxy SwitchySharp 3 Window Resizer Fiddler F5webstorm前台包括哪些文件_百度知道
webstorm前台包括哪些文件
提问者采纳
这个时候我们就可以借助,这是无法删除中碰到最多的,那么直接将其关闭即可。如果是该文件正在打开或运行,该文件并没有在前台运行一,而是被其它一些程序在后台调用。除此之外..、文件调用被删除的文件正在被调用
其他类似问题
webstorm的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁