随笔 - 91&
文章 - 0&评论 - 80&trackbacks - 0
运气好，赶上了日&世界末日&的促销活动，便宜买到了这款号称The smartest JavaScript IDE的软件。
我一向对工具很挑剔，由于是从.NET转型成Web前端，在尝试了Sublime Text 2以后，还是觉得VS把Web Essential, VsVim之类的插件装全了，更好用也更好看一些。
同时，作为一个Vim的受益者，IDE对Vim支持得如何很大程度上影响了我的选择。在vim的支持方面，VS的VsVim和Sublime的Vintage都有一些缺陷。种种原因，令我对WebStorm充满了期待。
安装Vim插件
在主界面用快捷键ctrl+alt+s打开settings界面，左侧导航栏里选中plugin项，如下图：
选中plugins后，会在右侧列出所有已安装的插件，我们要新安装一个插件，因此要点击Browse repositories。
弹出的新窗口默认会列出所有的插件，我们在右上角的搜索框输入ideavim进行筛选，然后在ideaVim上右键选择Download and install，如下图：
下载进度会显示在WebStorm主窗口底部的状态栏，下载完毕后会有提示，需要重启Web Storm才能使插件生效，如下图：
重启后，就已经是Vim的输入方式了。这时候打开Tools菜单，会看见多了两项。
VIM Emulator：切换是否使用Vim的输入方式。
Reconfigure VIM Keymap: 设置快捷键。下文中我们将会用它来设置快捷键。
设置快捷键
长期在Windows下工作，使用Vim不可避免要搭配一些Windows的快捷键，比如ctrl+c, ctrl+v，在gVim, VsVim, Vintage里都做出了妥协，采用了Windows的行为。但WebStorm默认并没有保持这些快捷键在Vim中原有的作用。没关系，下面就来详述一下如何解决这个问题。
具体做法是：新建一套键盘映射，然后让vim使用这套映射。
首先，在主界面用快捷键ctrl+alt+s打开settings界面，左侧导航栏里选中Keymap项，如下图：
在右侧的keymaps下拉列表中选择Default，我们将以此为基础进行修改，因此点击copy按钮，复制一份新的出来，接下来就可以放心在上面修改了。
给它起一个新的名字myVim。
现在要看看copy命令的快捷键，于是在右上的搜索框输入copy，会把与copy相关的都筛选出来，见下图：
我们看到，ctrl+V和ctrl+Insert都能达到copy的目的。同样，在Default模式下ctrl+V也可以实现paste操作了，这些快捷键都从Default那里继承了过来。
常使用Vim的人肯定知道Esc键有多常用。但现代键盘几乎都让Esc键偏居一隅，够起来不方便。其实在标准的Vim里，ctrl+[同样能达到Esc的效果。但是在WebStorm的Default模式下，ctrl+[已经被赋予了另外的作用，由于myVim从Default继承而来，因此ctrl+[也起不到Esc的作用。好在WebStorm的自定义快捷键可以覆盖系统的默认设置。
在上图中快捷键的位置上点击右键，会弹出用于删除和添加快捷键的菜单。修改的时候，如果和别的快捷键有冲突会看到红字提醒。例如下图所示，ctrl+[的原有功能是Move caret to code block start. 我们的本意就是给它赋予新的功能，果断点OK，接下来会再弹一个确认对话框，点remove删除原有的热键功能。
完成后点击下面的OK按钮退出Keymaps设置。如下图，打开主界面菜单栏中的Tools & Reconfigure VIM Keymap，下拉列表中选择刚才新建的myVim。重启WebStorm，大功告成。
这时候再试一试ctrl+[，是不是已经可以从Insert Mode返回到Normal Mode了？
避免按Esc键的其他方法
有人觉得ctrl+[按起来麻烦，习惯用CapsLock或者JJ来模拟Esc，可以看一下
针对Windows用户的配置，请参考
阅读(...) 评论()好评：88.75%
坏评：11.25%
新云提供的WebStorm是一款专业的JavaScript开发工具，他继承了IntelliJ IDEA的大部分性能，可以说是 html5和web前端开发的神器，具有支持ECMAScript、支持CoffeeScript、JavaScript重构、JavaScript单元测试等功能，喜欢的朋友们欢迎下载使用。
WebStorm特点
智能的代码补全支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。代码格式化代码不仅可以格式化，而且所有规则都可以自己来定义html提示大家经常在js代码中编写html代码，一般来说十分痛苦，不过有了智能提示，就爽多了。而且html里面还能有js提示。
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代码
VS.NET IDE(集成开发环境) 开发环境界面介绍 本文章基于VS.NET BETA2版本，发行版本可能会与本文章介绍内容不同 作者：闻怡洋 http://www.vchelp.net目录 主界面.NET框架类览胜（上篇）（松下客日 16:46）一、基本概念 .NET框架（Framework）是一个开发、部署和运行.NET应用的环境，包括了ASP.NET、公共语言运行时环...Visual Studio .NET 启动时&the application cannot start.&的解决办法一般IDE不能启动有以下两种原因:1.不能加载msxml3.dll2.不能加载mso如果你对自己的隐私很敏感的话，在离开座位后会按下Ctrl+L来隐藏桌面，或者利用屏保密码来保护自己。但这样子只能用于离开的时候，而当你在电脑前的时候，总不可能用这些方法隐藏住自己的秘密吧？HideHe...MYSQL 帮助：A.2.3 Client does not support authentication protocolMySQL 4.1 and up uses an authenticatio
相关版本下载
111.5 MB118.07 MB143 MB
WebStorm 8.0.3 汉化中文版
软件排行榜
热门关键字　　AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，改善了JavaScript。
　　下面我要说的就是25个超有用的AngularJS工具，web开发人员千万不可错过哦。
　　1）AngulaJS最佳测试工具&&Protractor
　　Protractor支持AngularJS应用程序，是一款终端到终端的测试框架。Protractor在真正的浏览器中运行测试。由于Protractor支持Angular的具体定位策略，故而你无需进行任何设置就可以测试特定的Angular元素。
　　官方网站：
　　2）AngularJS测试框架&&Jasmine
　　Jasmine对于JavaScript用户而言，也是一款测试框架。这也是一个DOM较少的JavaScript框架，它适合所有的Node.js项目和网站，并且在任何地方运行都是免费的。
　　官方网站：
　　3）支持AngularJS的IDE&&Webstorm
　　WebStorm的智能代码编辑器为JavaScript、Node.js、HTML和CSS，以及它们的接替者提供了一流的支持。WebStorm可以很好地处理现流行的web技术，提供一流的AngularJS支持。
　　官方网站：
　　4）AngularJS最佳框架&&Angular fire
　　firebase是用于轻松构建Web和移动应用程序的系列库，也是强大的框架。它能为JavaScript用户提供Angular Fire框架。
　　官方网站：
　　5）AngularJs测试工具&&karma
　　karma也是一款非常盛行的测试框架，用于JavaScript应用程序，它还能为开发人员提供测试环境。
　　官方网站：
　　6）最佳AngularJS工具&&Mochajs
　　Mocha是一款运行在Node.js和浏览器上，功能丰富的JavaScript测试框架，它能够使得异步测试变得简单而有趣。Mocha测试运行持续，在映射未捕获的异常到正确的测试案例的同时，允许灵活和准确的报告。
　　官方网站：
　　7）最好的代码编辑器&&SublimeText
　　这是开发人员最喜欢的文本代码编辑器之一。
　　官方网站：
　　8）最佳的AngularGrid&&Angular Deckgrid
　　Angular Deckgrid是轻量级的网格，支持AngularJS。免费下载。它的指令不依赖于视觉表现。所有的响应能力和美感来自于你的CSS文件。
　　官方网站：
　　9）实用的AngularJS服务&&Restangular
　　Restangular是一个AngularJS的服务，通过最少的客户端代码简化了常用的GET、POST、DELETE和UPDATE请求。
　　官方网站：
　　10）支持Chrome的AngularJS扩展&&ng Inspector
　　ng Inspector支持Chrome和Safari浏览器，可协助你开发、调试和理解AngularJS应用程序。
　　官方网站：
　　11）Angular GetText
　　Angular&gettext为AngularJS提供超级简单的翻译支持。只要用英语写下来，标注要翻译的部分，剩下的就交给它好了。
　　12）Angular框架&&AngularUI
　　AngularUI是AngularJS框架。
　　官方网站：
　　13）Yeoman Generator Angular
　　支持AngularJS的Yeoman Generator&&能让你快速建立具有合理默认值和最佳实践的项目。
　　官方网站：
　　14）djAngular
　　这是一个可重复使用的应用程序，提供了更好的应用程序集成。 Djangular允许你创建AngularJS内容的app，而不是包含了Django的单一庞大的AngularJS应用程序。
　　官方网站：
　　15）Ment.io
　　Mentions和Macros部件基于AngularJS，但并不依赖jQuery。
　　官方网站：
　　16）Angular&Kickstart
　　想要加快你的AngularJS开发吗？那么此完整的、可扩展的构建系统的项目支架一定适合你。
　　官方网站：
　　17）ng book
　　当我们在构建大型的Angular应用程序时，总是难以避免经常性地碰到那些看似难以发现和解决令人头疼无比的问题。这时，ng book就上场了。
　　官方网站：
　　18）MeanIO
　　Mean是用于构建Web应用程序的简单却强大的JavaScript框架。
　　官方网站：
　　19）Code Orchestra
　　COLT是一款前端开发工具，它允许点播式编写代码。当你修改代码保存之后，它可以通过特殊的协议，将改变传达给正在工作中的应用程序。支持AngularJS。
　　官方网站：
　　20）Angular Seed
　　这是一个支持典型AngularJS Web应用程序的应用程序骨架。你可以用它来快速引导你的angular&web应用项目，和支持这些项目的开发环境。
　　官方网站：
　　21）LUMX
　　基于AngularJS和Google Material Design规范的第一个响应前端的框架。对任何一个Web应用程序都非常重要。这也是为什么我们只使用jQuery，而无需它的任何插件。每个部件之后都可以被自制成完美地插入到AngularJS应用程序中。
　　官方网站：
　　22）ng Docs
　　官方网站：
　　23）AngularJS Batarang
　　支持Chrome的AngularJS WebInspector扩展。
　　官网网站：
　　24）Videogular
　　这是一款支持AngularJS的HTML5视频播放器。 Videogular用AngularJS开发，在用于项目时，你必将会被它的魅力所倾倒。
　　官方网站：
　　25）NG Table
　　官方网站：
　　英文原文：&翻译：
验证消息：Admin10000
提示：常上QQ空间的朋友可关注，精彩内容不错过。
理智评论文明上网，拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心帮助企业打造成功软件！
热门搜索：
Web开发神器WebStorm 8.0.1重磅来袭
Web开发神器WebStorm 8.0.1重磅来袭
| 作者： |
09:35:33| 阅读 0次
概述：WebStorm 8.0.1提供了新的工具以与最新最强的Web开发技术接轨。新版本支持AngularJS、Spy-js、多个插入符和选择、CucumberJS等。
Web开发神器WebStorm 8.0.1终于发布了，带着最新的技术和功能。下面将详细介绍各种新功能。
支持AngularJS
对流行框架提供高级支持。智能提示AngularJS指令（包括自定义指令），controller 和 application names以及花括号里边的数据绑定。
支持Spy-js
JavaScript追踪变得简单。通过Spy-js你可以看到触发代码执行的事件的完整列表，然后帮你整理堆栈跟踪事件，并在源代码中突出显示。
支持多个插入符和选择
现在WebStorm允许你把插入符放到多个位置，在这些位置你可以同时编辑代码，轻松地完成编辑和更换。
内置Grunt控制台
通过Grunt控制台可以列出并定义grunt任务的完整列表， 双击可执行。
集成Bower包管理器后，你可以更简单方面的在IDE中搜索、安装和管理客户端库和框架。
JavaScript模块化
完善了对RequireJS和AMD的支持程度，基于requirejs.config实现了源码导航功能。并改善了对Harmony module loader的支持。
Live控制台
在控制台中的JavaScript和Node.js的调试工具窗口现在可以作为一个shell提示符，并允许您执行命令和JavaScript代码。
新增CucumberJS支持
WebStorm现在了解CucumberJS的语法，可以帮助您生成代码步骤定义。您可以在一个单一的点击开始测试，看到一个不错的结构化格式的测试结果，并轻松导航到测试源。
一如既往，以上涉及的所有改进也适用于、、、和AppCode。
本站文章除注明转载外，均为本站原创或翻译
欢迎任何形式的转载，但请务必注明出处，尊重他人劳动成果
转载请注明：文章转载自：慧都控件网 []
本文地址：收藏，2.9k 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
用webstrom需要建angularjs工程才能提示angularjs语法么？为什么我这没语法提示..
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你的项目里没有 AngularJS 的 js 文件，所以没有提示。当 WebStorm 发现你的项目目录里包含了 AngularJS 的 js 文件时，就会有 ng-* 的提示。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
5月29日 回答
如果曾经添加过 angular 库，那么打开当前项目之后，进入设置里：Languages & Frameworks -& JavaScript -& Libraries；你会看到右边有你需要的 angular 以及其他相关的库，打对勾就好。
如果之前没有添加过 angular，有一种非常简单的方法：
在 head 里面添加：&script src="/ajax/libs/angularjs/1.3.15/angular.js"&&/script&
鼠标放到这行 URL 上面后，你会发现这行代码的开头会出现一个灯泡，点击它之后会出现 download 选项，下载完成之后这个库就会自动添加到当前项目
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
6月6日 回答
你必须要将angular.js文件放在当前工程下才能激活代码提示功能。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
看看是不是禁用掉了语法提示，我这是能正常显示的。我的webstorm版本是8，os是win7,建议google下
同步到新浪微博
分享到微博？
不要错过该问题的后续解决方案
如果你没找到答案，记得登录关注哦，大家会尽全力帮你解决的 ^___^
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
举报理由：
推广（招聘、广告、SEO 等）方面的内容
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复（请编辑该提问指向已有相同问题）
内容质量差，或不适合在本网站出现
答非所问，不符合答题要求
其他原因（请补充说明）
补充说明：
扫扫下载 App