小弟以前都是用sublime，sublime是一款轻量级的文本编辑器。但是现在要隆重介绍的前端开发工具webstorm，为什么说它是前端开发工具，而不是前端开发编辑器呢？它具备的功能，不只只是编辑器这么简单，还包含了任务管理、历史管理、版本管理、工程管理、代码检查、代码调试等功能，当然它也有丰富的扩展，能满足前端开发的大部分要求。官方网站称之为是The smartest JavaScript IDE。
这里就来一步步大的配置。
- 第一步当然是下载了，官方网站地址是http://www.jetbrains.com/webstorm/链接,官网下载下来，就要安装了
- 人家当然是收费的，但是国人岂能用收费的，当然是破解了，webstorm注册码：
webStorm注册码 :
UserName:William
===== LICENSE BEGIN =====
45550-12042010
00001SzFN0n1bPII7FnAxnt0DDOPJA
INauvJkeVJBuE5bqLEznccE4tet6tr
RiyoMxDK8oDY93tx!ipPyGmqYYeWxS
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
44827-12042010
00001xZTATXBeJGHI0CFFRIdOKjhQ7
eiwIjgK7qohmwGSZRUK!lINYbpNQKk
5AtC16jzcy6KWlkBBjTZXwL8fnebTM
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
41806-12042010
000006gMpIpRoMPJdqqPfxIYyr5UPx
fTuYnZxklVYrNOZUHL6YnHTAUM4zqe
qNrt8QzsZERfO"XiHa802ejK9GtcSj
===== LICENSE END =====
rubyMine :
UserName:William
===== LICENSE BEGIN =====
73770-12042010
00000LsPnluU7HZh4TgJoxNDbnCr!T
0yDfranplDJF4ESFHxfhN6dMBEogxt
S!qZH7LvIjab"9qbXrSfL9NitEBODm
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
05071-12042010
00001DGDB7Ih6YT6ApG0Uh4wxMwJqf
UjDDJvi5mX0yJS!72q8ZrLhKQfusV"
NVSB9iV!lO1tRbt265"z0vZJBwpl!9
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
26405-12042010
00001cYtAkKGNyQA7Er6A9e4oS2Y"I
fK"d"APYe591kwLAHVZ7ieFmfoTKTS
90BTaTdrTg36JEivKlxfVaDszIkWuM
===== LICENSE END =====
phpStorm :
UserName:William
===== LICENSE BEGIN =====
56731-12042010
00001F"L73xP5zfOyL58"Vg0hu"R8S
!aPyCtkqgqc5fEvdQLlLs5a9gzvAcu
!2Gb!gp9kfKoAp1e81dVuhM"a8OJ4v
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
06656-12042010
00002NFsdQw64GSoAeS1!oxQRM!H8k
Rh3soGkXar1UJa27G0Gx3uz4FEq6Fb
CW09ado0neq"3gqd3lZ8KnE303G"MP
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
83865-12042010
00001jJvs5lu13QqsSxk1XXwwpiGL1
4GGM"RKB0xBaYtK6Uh4NVG26"TBhTA
HNKvcsV38NwMho1Wdy75KY61SwSdVQ
===== LICENSE END =====
pyCharm :
UserName:William
===== LICENSE BEGIN =====
43064-12042010
00002qm1!PHwV!dC19Cvu04E6IXZJ9
GN"RaF03!bwPE"x3RZbg7ctJld7yZl
XkVf40g3JJGG4Ibbbg4"HQPwWJWSFU
===== LICENSE END =====
UserName:Microsoft
===== LICENSE BEGIN =====
77380-12042010
000017q0LbsOLEIcYF3VRZszWAYE"K
CYfpWmqrUTJy"ROE03pXMWLZ6Z9jbh
cccsmd3P32vdo!L4tnEkp1jrOuySvx
===== LICENSE END =====
UserName:ChinaRed
===== LICENSE BEGIN =====
42852-12042010
00000zw1KaqXWsbN7MiExhdvN!PIjf
ZDCOi0vxBEGX9QDUYIyvr0768OloCU
FUZ4Evyh4lNEFKRDEVnKye9W2DYxPp
===== LICENSE END =====
- 破解之后就是打开，打开界面可以选择快捷键，因为是搞java的习惯了eclipse的快捷键，所以选择了eclipse的快捷键，不过也可以进去后自己设置。具体的设计如图所示：
他有各种的快捷键，根据自己的喜好选择。
- 主题设置
在 IDE Settings > Appearance 的右边菜单里，选择 Theme > Darcula主题即可。IDE Settings 指的是 webstorm 的全局配置。
- 配色
从 Sublime text 3 转过来的朋友，对默认的配色 monokia 想必非常的喜欢，在 webstorm 里你依然可以继续使用它，不过默认是没有这个配色的，需要从下载添加进去。
打开
https://github.com/OtaK/jetbrains-monokai-sublime 链接，然后点击右边的下载ZIP文件即可。解压之后，会得到一个Monokai-Sublime.jar文件，这个文件就是配色的打包文件，可以使用 webstorm 导入即可。打开菜单：
选择 Import Settings，然后选择刚才下载的Monokai-Sublime.jar文件，然后最后导入即可。
最后来张主题和配色的预览图，是不是觉得非常漂亮。
-
文件模板配置
文件模板即新建文件的时候可以初始化一个预先定义好的文件内容，比如常见的HTML、CSS、JS文件等。这些文件模板在IDE Settings》File and Code Templates 里添加和修改，如图：
webstorm 预先定义了几个文件，然后我们可以自由添加和修改：
如上图，选择的是 javascript FIle，右边是文件内容，红色高亮的为文件模板的变量，webstorm 提供的文件模板变量有：
- ${PROJECT_NAME} 项目名称
- ${NAME} 文件名不包括文件后缀
- ${USER} 当前电脑登录用户
- ${DATE} 日期
- ${TIME} 时间
- ${YEAR} 年
- ${MONTH} 月
- ${DAY} 日
- ${HOUR} 时
- ${MINUTE} 分
- ${PRODUCT_NAME} 文件名包括文件后缀
- ${MONTH_NAME_SHORT} 英文短格式月份，如Jan、Feb 等
- ${MONTH_NAME_FULL} 英文长格式月份，如January、February 等
这样新建一个JavaScript文件出来的就是
今天就到这里吧，有时间继续整理。
webstorm 10 配置
原文：http://www.cnblogs.com/gzyy1987/p/4898888.html
