webstorm入手笔记

1、webstorm学习前小记

webstorm是一款如今前端用的比较多的IDE，其优点也比较多，这个你们在网上随便搜搜就能够找到了。可是本人大部分的时间都是使用sublime text工做，最近因为工做上面比较常出现一些粗枝大叶的问题，因此个人leader就建议我去学习一下webstorm，毕竟webstorm怎么说也是IDE，跟文本编辑器有所不一样的。

 

2、webstorm的破解与安装

 咱们能够直接从官网的下载地址中去下载最新版：http://www.jetbrains.com/webstorm/

 而后安装完成以后选择“license server"，输入：http://idea.imsxm.com/

 

3、webstorm的简单配置

 因为webstorm默认的样式比较的丑陋，并且背景色默认的是白色，这对于程序员来讲是不太适合的(因为程序员长时间的使用电脑，因此不适合长时间的看背景色为白色，这样对眼睛有害)。这个时候咱们须要把背景颜色修改成深灰色，咱们能够在

 File->Settings->Colors & Fonts 中去设置皮肤的主题，通常状况咱们默认设置为Monnokai这种，如图所示，咱们已经设置成功了

设置完主题皮肤以后咱们正常还要把默认字体大小给改一改，默认的是12号字体，通常状况下咱们须要设置成为16号字体。通常字型为source code pro，这种字型看起来比较符合博主我的的体验，可是若是你不喜欢的话，也能够根据你本身的爱好进行自定义

 

在使用的过程当中发现webstorm除了是一款IDE以外，仍是有不少地方有亮点的，可是缺点也是有的，就拿做者比较熟悉的sublime text来讲，sublime text支持项目的独立环境，可是在webstrom中是没有这个功能的，因此也就只可以至关于打开文件夹的形式去从新打开项目

好了，主题和字体等等都已经配置完成了，以后若是没有什么修改的话，咱们通常就按照默认的配置去编写代码就好了，若是是要对特定的某些语言进行特殊的修改的话。咱们能够在File->Settings->Colors & Fonts->对应的语言，中去修改

 

4、实用快捷键

  Ctrl+Shift+A   这个主要是搜索Settings中的各项配置中是否包含输入的字段，同时除了支持这个功能还可以支持对一些框架的相关功能的状态查看，从而来开启或者关闭某些功能。

 Ctrl+Shift+Alt+N 查找方法名

 Ctrl+N 查找类名（class）

 Ctrl+Shift+N 查找文件名(File)

 Ctrl+Alt+L 格式化代码

 Shift+F6 全文替换变量

 

通常在实际的项目中依照我之前的事件经验来讲，对于编程比较熟悉来讲，查找文件这一块是十分总要的，可是像调试之类的虽说不上是鸡肋，可是也是有必定的多余，由于自己前端就是依托的是浏览器环境，浏览器环境能够经过chrome debug tool来进行调试

 

5、模板定制

 上面已经提到了webstorm相比于其余的非IDE编辑器的同类型产品时，存在了不少优点，其中包括模板定制，由于IDE能够将一些新的文件模板保存成为一种文件类型，以节省开发的时间，提交开发效率

咱们可使用快捷键Ctrl+Shift+A而后在对话框中输入File Template

 保存以后，下次新增文件的时候选择CSS Demo就能够看到代码块在初始化的时候就已经写好了

 

6、调试功能

 说到webstorm，调试功能应该是你们最津津乐道的一个特殊功能吧，可是其实在浏览器非常发达的今天，这种调试我的认为也没有多大的意义了，浏览器可以解决的问题，为啥非要使用IDE来解决呢，可是若是你们非要在webstorm中调试，能够看看这篇文章：http://blog.csdn.net/sujun10/article/details/54139560

 

7、福利包

 为了方便你们的使用，在agileTheme大神本来搭建的基础之上进行修改，成为了一个更加的适合程序员审美的皮肤，下载地址：http://files.cnblogs.com/files/st-leslie/setting.rar