恶到必除

webstorm是一款前【qián】端javascript开发编【biān】辑的神器，专门为javascript开发做了很多优化，令前端工程【chéng】师眼前一亮。那么第一次接触Webstorm的用户会问Webstorm应该怎么使用呢？今天就为大家介绍一下【xià】Webstorm的相关使用教【jiāo】程介绍，希望大家喜欢。

恶到必除

任何一【yī】个编辑器都需要保存(ctrl + s)，这是所有win平台上编辑类软件的特点【diǎn】，但是webstorm编【biān】辑文件右上角是没有那个熟【shú】悉的 * 的。
好处：省去了ctrl + s之后，在结合【hé】Firefox的vim，基本【běn】不动鼠标就可以看到结果页面了。 
坏处：没有以前的 * 标识，万一键盘误操作也会被立即存储。

任何一个编辑器只要文件关闭了就没有历史记录了，但是webstorm有。 vcs->Local History -> Show History（快捷键：ALT+~ -〉7）
好处：只【zhī】要webstorm不关闭，你的文件随时【shí】可以返回到之前的操作（这也是为啥在 webstorm 里ctrl+y是删除一行【háng】的原因了）。
坏处：webstorm关闭重启后这些历史记录就没有了；还有一个坏处就是由此带来的内存消【xiāo】耗【hào】也必然比较大。

任何一个编辑器【qì】，除了服务器svn之外【wài】，没有本地版本，但是webstorm提供一个本地文【wén】件修改历史记录（快捷键：ALT+SHIFT+c，Mac中 ALT＋Option＋c）。也可以 Ctrl + E 弹出最近打开的文件。
好处：相当于本地svn。 
坏处：内存消耗也必然比较大。

集成了zencoding，HTML5，ftp，即时编辑（chrome）,自【zì】动完成,基于Mozilla的JavaScript调试器，JSLint、Less支持、CoffeeScript支持【chí】、Node.js、单元测试、集成Git和svn版本控制等特性。

在编写CSS中，会智能的【de】提示各种文件以及图【tú】片的路径，就不【bú】用【yòng】再去确认这个文件是否存在了。

其他的特性就介绍了，想【xiǎng】了解更多可以去webstrom官网继续寻找。看完了这么介绍以及那么【me】多给力的特性【xìng】，是不是有种冲动马上试一试这款【kuǎn】传说中的前端神器啊？嗯【èn】。

首先在官方下载页【yè】下载webstrom后，点击安装，然后一直下一步【bù】，最后会出现需要注册【cè】码界面，因为webstrom是商业的IDE，而天朝的屌丝前端当然没那么钱【qián】去买那么昂【áng】贵【guì】的神器了，不用担心，我们可以用WebStorm的密钥来学习【xí】使用这款前端神器。嘿嘿~~~~

安【ān】装成功后，肯定会有些不适，就像我一样觉【jiào】得这配色真的太戳了。还有一【yī】些设置也不是我也要的。那么以下我就列出【chū】我【wǒ】习惯的设置。

恶到必除

如何更改主题（字体&配色）:
File -> settings -> Editor -> colors&fonts -> scheme name.主题下载地址

如何让webstorm启动的时候不打开工程文件：
File -> Settings->General去掉Reopen last project on startup.

如何完美显示中文：
File -> Settings->Appearance中勾选Override default fonts by (not recommended)，设置Name:NSimSun，Size:12

如何显示行号：
File -> Settings->Editor，”Show line numbers”打上【shàng】勾，就显示行号了

如何代码自动换行：
File -> settings -> Editor “Use Soft Wraps in editor” 打上钩，代码就自动换【huàn】行了

如何点击光标，显示在本行末尾：
File -> Settings->Editor “Allow placement of caret after end of line”去掉勾就行了。

如何修改快键键：
File -> Settings->Keymap，然后双击要修改快捷的功能会【huì】有提示框出来，按提示【shì】操作

换成自己熟悉编辑器的快键键：
File ->Settings->Keymap，支持像Visual Studio、Eclipse、NetBeans这【zhè】样【yàng】的主流IDE。

javascript类库提示。 
File -> settings -> Javascript -> Libraries -> 然后【hòu】在列【liè】表里选择自己经常用【yòng】到的javascript类库，最后Download and Install就ok了.

在开发js时【shí】发现，需要【yào】ctrl + return 才能选候选项： 
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion: “Smart” 改为 “Always”

js提示比较迟缓
File -> Code Completion -> Autopopup in 下 1000改为0

Git配置：
File -> settings -> Editor -> github，进【jìn】去改github的账户，如果没有git则不需【xū】要.

插件安装：
File ->plugins，然后就选择给力的插件【jiàn】们再安装.(“css-X-fire”插件,用于当使用firebug修改css属性时，编辑【jí】器内的css代码也【yě】会发生变化【huà】。）

以后更新

恶到必除

收藏夹功能:
当工程目录很庞大时，有些子目录很经常打开，但层级又【yòu】很深，这时候可以把目【mù】录添加到收藏夹里【lǐ】面，添【tiān】加成功后，左侧有个“Favorites”菜单

面包屑导航：
除了左侧的工程页【yè】面，可以选择目录之外，在顶部菜单下有一【yī】个类似网站【zhàn】面包屑导航一样的目录也可以实现相【xiàng】同功。点击每个目录就会有下拉【lā】菜单显【xiǎn】示其下的子目录，很实用.

构造器界面:
注释符合格式的【de】话就会出现。如果是js文件【jiàn】则是js类的函数和对象；css文件的话则是这【zhè】个css文件的概括；html文件的话则是节点的结构图【tú】。话说这几个就是为了方便【biàn】查看【kàn】代码的结构性.

todo界面：
给代码加todo注释就会出现这个界面

双栏代码界面：
右击代【dài】码选项卡上的文件，然后右键 -> spilt vertically(左【zuǒ】右两屏)或者【zhě】spilt horizontally(上下两屏)

本地历史功能:
找回代码的好办法