webstorm 10 配置

小弟以前都是用sublime，sublime是一款轻量级的文本编辑器。但是现在要隆重介绍的前端开发工具webstorm，为什么说它是前端开发工具，而不是前端开发编辑器呢？它具备的功能，不只只是编辑器这么简单，还包含了任务管理、历史管理、版本管理、工程管理、代码检查、代码调试等功能，当然它也有丰富的扩展，能满足前端开发的大部分要求。官方网站称之为是The smartest JavaScript IDE。

这里就来一步步大的配置。

1. 第一步当然是下载了，官方网站地址是http://www.jetbrains.com/webstorm/链接,官网下载下来，就要安装了
2. 人家当然是收费的，但是国人岂能用收费的，当然是破解了，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 =====

3. 破解之后就是打开，打开界面可以选择快捷键，因为是搞java的习惯了eclipse的快捷键，所以选择了eclipse的快捷键，不过也可以进去后自己设置。具体的设计如图所示：
   

   他有各种的快捷键，根据自己的喜好选择。

4. 主题设置
   
   在 IDE Settings > Appearance 的右边菜单里，选择 Theme > Darcula主题即可。IDE Settings 指的是 webstorm 的全局配置。
5. 配色

   从 Sublime text 3 转过来的朋友，对默认的配色 monokia 想必非常的喜欢，在 webstorm 里你依然可以继续使用它，不过默认是没有这个配色的，需要从下载添加进去。

   打开https://github.com/OtaK/jetbrains-monokai-sublime 链接，然后点击右边的下载ZIP文件即可。解压之后，会得到一个Monokai-Sublime.jar文件，这个文件就是配色的打包文件，可以使用 webstorm 导入即可。打开菜单：
   

   选择 Import Settings，然后选择刚才下载的Monokai-Sublime.jar文件，然后最后导入即可。

   最后来张主题和配色的预览图，是不是觉得非常漂亮。

   

6. 文件模板配置
   文件模板即新建文件的时候可以初始化一个预先定义好的文件内容，比如常见的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文件出来的就是
     
     今天就到这里吧，有时间继续整理。