WebStorm 10绿色版

WebStorm 10绿色版是一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”。WebStorm 10绿色版全新特性中包括对AngularJS的支持，能够高效准确地智能感知Angular语法、指令。WebStorm 10绿色版还完美支持Spy-js，合并了这款JavaScript调试利器，大大提高了开发者们的工作效率。

WebStorm 10绿色版功能介绍

浏览器支持细节提示

关键字，标签，变量，参数和功能的javascript代码完成是基于支持DOM的流行的浏览器（IE，火狐等）标准，可以显示在不同浏览器之下的支持细节。

智能的代码导航和搜索提示

ECMAScript的Harmony支持

WebStorm支持最新的ECMAScript版本，你可以尝试新的功能，

每个javascript引擎的实现增加了别人所不具备的一些不错的功能，

当您使用的目前选定的javascript版本不支持，WebStorm将通知您，并建议速战速决：

支持CoffeeScript

CoffeeScript是一种编程语言，编译javascript和增强其简洁性和可读性，

同时还增加了一些复杂的功能，像阵列的理解和模式匹配。WebStorm提供您：

1.代码导航和完成

2.重命名重构

3.语法高亮

4.错误检查

5.查找使用实例

支持Node.js

WebStorm允许你调试和验证您的服务器端javascript - Node.js的应用。

编辑CommonJS的模块结构，并提出适当的自动完成选项：

javascript的重构

为javascript提供的重构功能，让您可以轻松地修改代码结构，以及撤消修改。

1.移动/复制

2.安全删除

3.提取到嵌入的脚本文件

4.重命名

5.提取变量/函数

6.内联变量/函数

javascript单元测试

如果你是一个javascript开发人员，你可能知道，您的应用程序的质量和正确性是至关重要的。

那么，一致性测试和回归测试正好是你的痛苦少一点。支持JsTestDriver插件。

WebStorm为单元测试提供了一个清晰的画面。从现在开始，JsTestDriver用户可以测量代码覆盖率。

在IDE线行使你的单元测试

你还可以看到文件和目录在项目视图的测试覆盖率统计

代码检查和快速修复

为了确保更好的代码质量，WebStorm可以捕捉动态的javascript代码中的常见错误…

并为他们提供了快速修复。

支持JSLint / JSHint

javascript代码质量工具集成在IDE中。

基于Mozilla Firefox的javascript调试器

1.HTML和javascript断点

2.定制断点属性：暂停模式，条件，通过计数

3.帧，变量和javascript调试器

4.javascript表达式的运行评价

批量代码分析

无需通过点击所有文件或部署到服务器。整个源代码树的启动代码分析，可以在一个单一的视图中看到所有的结果。

语言混合编辑

支持任何代码中的“外部”和“内部”的语言 - 享受以外的javascript代码块，或在javascript字符串文字编码的CSS，HTML，SQL等。

拼写检查

集成拼写检查验证在标签的文本，代码串，评论，以避免您的网页上的拼写错误和错别字。以确保代码的可读性更好，甚至变量名，CSS类和ID拼写检查。

WebStorm 10绿色版使用方法

软件的安装方法十分简单，改一下安装目录，其他一直下一步就可以了。

但是软件的默认字体小了点，色彩有些不大习惯，所以最好要配置下。

1

首先打开webstorm，点击webstorm下的Preferences..，进入到配置页面。

2

下拉左边栏找到Editor，点开它，里面有Colors&Fonts，Fonts就是设置字体。

3

点击Fonts，在如下画面上点击saveas，不然下面的都是置灰的，改不了，因为都是默认的方案，saveas一个自己的方案。

4

会弹出如下对话框，填上名字就可以了，

5

然后下面的就变亮了，可以修改了，有字体也有字号

END

配置色彩

1

选择Fonts下的General，改一些能用的色彩，

2

我们这里以改默认文本Defaulttext的背景为例，勾选Background，点击后面的色彩块，弹出色彩选择，改为保眼色（199，237，204），还可以改其他默认。

3

nodejs是javaScript代码，我们以它为例，往下拉找到javaScript并选择。

4

我们改下Globalfunction的颜色，选择Globalfunction，勾选Foreground，就是字体色，点开跟第2步一样选择颜色值就可以了。 

5

其他语言也一样，这里还有一个LanguageDefaults，是设置默认语言的色彩配置，下面语言也没单独设置的就都是用这个。

WebStorm 10绿色版快捷键

ctrl+shift+Nctrl+shift+R通过文件名快速查找工程内的文件

ctrl+shift+alt+Nctrl+shift+alt+N通过一个字符快速查找位置

ctrl+Fctrl+F在文件内快速查找代码

F3ctrl+K查找下一个

shift+F3ctrl+shift+K查找上一个

ctrl+Rctrl+F文件内代码替换

ctrl+shift+R

指定目录内代码批量替换

ctrl+shift+Fctrl+H指定目录内代码批量查找

界面操作

ctrl+shift+Actrl+shift+A快速查找并使用编辑器所有功能

alt+[0-9]alt+[0-9]快速拆合功能界面模块

ctrl+shift+F12ctrl+shift+F12最大区域显示代码（会隐藏其他的功能界面模块）

alt+shift+Falt+shift+F将当前文件加入收藏夹

ctrl+alt+sctrl+alt+s打开配置窗口

ctrl+tabctrl+tab切换代码选项卡

alt+←/→alt+←/→切换代码选项卡

ctrl+F4ctrl+F4关闭当前代码选项卡

代码编辑

ctrl+Dctrl+shift+↑复制当前行

ctrl+Walt+shift+↑选中单词

ctrl+←/→ctrl+←/→以单词作为边界跳光标位置

alt+insertalt+insert新建一个文件或其他

ctrl+alt+Lctrl+alt+L格式化代码

shift+tab/tabshift+tab/tab减少/扩大缩进（可以在代码中减少行缩进）

ctrl+Yctrl+D删除一行

shift+entershift+enter重新开始一行（无论光标在哪个位置）

导航

escesc进入代码编辑区域

alt+F1alt+F1查找代码在其他界面模块的位置，颇为有用

ctrl+Gctrl+L到指定行的代码

ctrl+]/[ctrl+]/[光标到代码块的前面或后面

alt+up/downctrl+shift+up/down上一个/下一个方法