轉：webstorm註冊碼與使用

WebStorm註冊碼

User Name:

EMBRACE

 

License Key:

===== LICENSE BEGIN =====

24718-12042010

00001h6wzKLpfo3gmjJ8xoTPw5mQvY

YA8vwka9tH!vibaUKS4FIDIkUfy!!f

3C"rQCIRbShpSlDcFT1xmJi5h0yQS6

===== LICENSE END =====

 

PhpStorm註冊碼

User Name:

EMBRACE

 License Key:

===== LICENSE BEGIN =====
43136-12042010
00002UsvSON704l"dILe1PVx3y4"B3
49AU6oSDJrsjE8nMOQh"8HTDJHIUUh
gd1BebYc5U"6OxDbVsALB4Eb10PW8"
===== LICENSE END =====

 

 

 

WebStorm功能特色以及使用指南

        以前跟你們你們蜻蜓點水介紹了WebStorm的功能特色（http://www.cssha.com/webstorm），那麼，相對於其餘的前端開發IDE，WebStorm的亮點在哪呢 ？在使用過程當中又有哪些須要注意的地方呢 ？ 如今咱們就來了解一下吧。

首先看看WebStorm合其餘的IDE有什麼特別之處。
1) 自動保存，不須要你一次又一次地ctrl+s啦，全部的操做都直接存儲，固然，萬一鍵盤誤操做也會被當即存儲，不過咱們能夠經過本地版本控制解決這個問題。
2) 任何一個編輯器只要文件關閉了就沒有歷史記錄了，可是webstorm有。就是說，只要webstorm不關閉，你的文件隨時能夠返回到以前的操做，webstorm關閉重啓後這些歷史記錄就沒有了。這樣的壞處也是顯然的，由此帶來的內存消耗也必然比較大。
3) 任何一個編輯器，除了服務器svn以外，沒有本地版本，可是webstorm提供一個本地文件修改歷史記錄。
4) 與時俱進的眼光。zencoding於2009年出現於it界，在這以後，鮮有工具直接集成到裏邊。webstorm 2.0以後就集成了。node.js,html5,git,cvs等 就不一一列舉了。
5)提供的插件也是比較齊全，安裝很是方便。這樣帶來了另外的問題，之前的eclipse是安裝第三方的，webstorm貌似不能安裝第三方的插件。
6) 能夠導出當前設置：File -> Export setting。

截下來是配置和使用： 
1） 主題，把下載好的主題包放在C:\Users\jikey(用戶名)\.WebIde10\config\colors目錄下，而後重啓webstorm，settings –> colors & fonts –>scheme name中選擇主題名。
若是出現特別長代碼對齊白線，在Editor –> Appearance –> Show vertical indent guides 前面的勾去掉便可。
2） 添加VIM插件：
File -> Settings -> Plugins -> Browse repositories -> 搜索vim，對它單擊右鍵Download and install，而後重啓IDE就能夠了。
3） 除了webstorm以外，此公司還提供另一個針對phper的開發工具,phpStorm，主頁上說明，phpstorm包括全部webstorm的功能。可是習慣於大括號去方法名在同一行顯示，因此還得配置：
File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
In method declaration : End of line.
4） zencoding默認的快捷鍵是Tab，若是你須要修改zencoding快捷鍵的話：File -> Setting -> Live Templates 。
5） 在開發js時發現，須要ctrl + return 才能選提示候選項，又須要配置：File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:’Smart’ 改成 Always
6） 注意的地方是：Webstorm的調試不支持中文路徑中文文件名。

下面是Webstorm的一些經常使用快捷鍵：

1. ctrl + shift + n: 打開工程中的文件，目的是打開當前工程下任意目錄的文件。
2. ctrl + j: 輸出模板
3. ctrl + b: 跳到變量申明處
4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 能夠顯示當前文件的結構
7. ctrl + x: 剪切(刪除)行，不選中，直接剪切整個行，若是選中部份內容則剪切選中的內容
8. alt + left/right:標籤切換
9. ctrl + r: 替換
10. ctrl + shift + up: 行移動
11. shift + alt + up: 塊移動(if(){},while(){}語句塊的移動)
12. ctrl + d: 行復制
13. ctrl + shift + ]/[: 選中塊代碼
14. ctrl + / : 單行註釋
15. ctrl + shift + / : 塊註釋
16. ctrl + shift + i : 顯示當前CSS選擇器或者JS函數的詳細信息
17. ctrl + '-/+': 能夠摺疊項目中的任何代碼塊，它不是選中摺疊，而是自動識別摺疊。
18. ctrl + '.': 摺疊選中的代碼的代碼。
19. shift + esc: 當前激活的任意小窗口最小化，也能夠是alt+數字鍵，數字在小窗口有顯示。
20. alt + '7': 顯示當前的函數結構。
21. 若是是*.html頁面，則在文件名下的導航欄某DOM結構上右鍵，能夠全選當前DOM結構