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