WebStorm使用参考手册.pdf

分享高质量文档

WebStorm使⽤参考⼿册

WebStorm是JetBrains推出的⼀款商业的JavaScript开发⼯具

任何⼀个编辑器都需要保存(ctrl+s)，这是所有win平台上编辑类软件的特点，但是webstorm编辑⽂件右上⾓是没有那个熟悉的*的。

好处：省去了ctrl+s之后，在结合Firefox的vim，基本不动⿏标就可以看到结果页⾯了。

坏处：没有以前的*标识，万⼀键盘误操作也会被⽴即存储。

任何⼀个编辑器只要⽂件关闭了就没有历史记录了，但是webstorm有。vcs-LocalHistory-ShowHistory（快捷键：ALT+~-〉7）

好处：只要webstorm不关闭，你的⽂件随时可以返回到之前的操作（这也是为啥在webstorm⾥ctrl+y是删除⼀⾏的原因了）。

坏处：webstorm关闭重启后这些历史记录就没有了；还有⼀个坏处就是由此带来的内存消耗也必然⽐较⼤。

任何⼀个编辑器，除了服务器svn之外，没有本地版本，但是webstorm提供⼀个本地⽂件修改历史记录（快捷键：ALT+SHIFT+c，Mac中

ALT＋Option＋c）。也可以Ctrl+E弹出最近打开的⽂件。

好处：相当于本地svn。

坏处：内存消耗也必然⽐较⼤。

集成了zencoding，HTML5，ftp，即时编辑（chrome）,⾃动完成,基于Mozilla的javascript调试器，JSLint、Less⽀持、CoffeeScript⽀持、

Node.js、单元测试、集成Git和svn版本控制等特性。

在编写CSS中，会智能的提⽰各种⽂件以及图⽚的路径，就不⽤再去确认这个⽂件是否存在了。

其他的特性就介绍了，想了解更多可以去webstrom官⽹继续寻找。看完了这么介绍以及那么多给⼒的特性，是不是有种冲动马上试⼀试这

款传说中的前端神器啊？嗯。

⾸先在官⽅下载页下载webstrom后，点击安装，然后⼀直下⼀步，最后会出现需要注册码界⾯，因为webstrom是商业的IDE，⽽天朝的屌

丝前端当然没那么钱去买那么昂贵的神器了，不⽤担⼼，我们可以⽤WebStorm的密钥来学习使⽤这款前端神器。嘿嘿~~~~

安装成功后，肯定会有些不适，就像我⼀样觉得这配⾊真的太戳了。还有⼀些设置也不是我也要的。那么以下我就列出我习惯的设置。

webstorm设置技巧

如何更改主题（字体配⾊）:

File-settings-Editor-colorsfonts-schemename.主题下载地址

如何让webstorm启动的时候不打开⼯程⽂件：

File-Settings-General去掉Reopenlastprojectonstartup.

如何完美显⽰中⽂：

File-Settings-Appearance中勾选Overridedefaultfontsby(notrecommended)，设置Name:NSimSun，Size:12

如何显⽰⾏号：

File-Settings-Editor，”Showlinenumbers打”上勾，就显⽰⾏号了

如何代码⾃动换⾏：

File-settings-Editor“UseSoftWrapsineditor打上钩，代码”就⾃动换⾏了

如何点击光标，显⽰在本⾏末尾：

File-Settings-Editor“Allowplacementofcaretafterendofline去掉勾就⾏了。”

如何修改快键键：

File-Settings-Keymap，然后双击要修改快捷的功能会有提⽰框出来，按提⽰操作

换成⾃⼰熟悉编辑器的快键键：

File-Settings-Keymap，⽀持像VisualStudio、Eclipse、NetBeans这样的主流IDE。

javascript类库提⽰。

File-settings-Javascript-Libraries-然后在列表⾥选择⾃⼰经常⽤到的javascript类库，最后DownloadandInstall就ok了.

在开发js时发现，需要ctrl+return才能选候选项：

File-Setting-Editor-CodeCompletion-Preselectthefirstsug