官方網站:http://www.jetbrains.com/phpstorm/,本篇文章展現的是5.0版本以,因此,若是你的軟件版本太高,可能可有誤,因此,若是有問題,請在本站留言,作爲一個新手,我也但願能和你們一塊兒交流。
下載軟件,安裝,這裏提供一組網上流傳至今(2013.3.8)可用的軟件註冊碼:javascript
用戶名:EMBRACEphp
註冊碼:css
===== LICENSE BEGIN =====html
43136-12042010html5
00002UsvSON704l"dILe1PVx3y4"B3java
49AU6oSDJrsjE8nMOQh"8HTDJHIUUhnode
gd1BebYc5U"6OxDbVsALB4Eb10PW8"jquery
===== LICENSE END =====git
用戶名:EMBRACEweb
註冊碼:
===== LICENSE BEGIN =====
11674-12042010
0000064nA0kkqI8qwPBF1rebuLP2Js
Shb1n3EDL6mUr9LnhpxzMTxV"zZNjA
DVi1nwUvh7UuZ8FGwaN8WejHHHtFop
===== LICENSE END =====
如圖輸入註冊碼:
軟件截圖以下:
打開:File -> Settings -> Appearance,這裏能夠設置你的軟件界面的字體,界面截圖以下:
建議這裏選一箇中文字體,好比微軟雅黑,宋體之類,或者別的什麼的。
合適的工具會事半功倍,固然也得把握分寸,要不就成了會得越多幹的越多的「苦力者」。
編輯類軟件層出不羣,各有所長,各有所短。找到一個合適的還真是難。還好有webstorm的出現,最近又是3.0的新版本發佈。爲何這麼說呢,她與其它的編輯器有什麼不一樣:
1. 任何一個編輯器都須要保存(ctrl + s),這是全部win平臺上編輯類軟件的特色,可是webstorm編輯文件右上角是沒有那個熟悉的米號的。
換句話說,全部的操做都直接存儲,這樣帶來的壞處就是,沒有之前的米號標識,萬一鍵盤誤操做也會被當即存儲。
省去了ctrl + s以後,在結合Firefox的vim,基本不動鼠標就能夠看到結果頁面了。
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. 主題,參照這裏。(所需的文件下載 第4條中setting.rar便可,裏邊包括文章中提到的顏色配置文件)
2. 添加VIM插件:
File -> Settings -> Plugins -> Browse repositories -> 搜索vim,對它單擊右鍵Download and install,而後重啓IDE就能夠了。
重 啓以後,控制檯會輸出: 「8:50:07 IdeaVim: Vim keymap was successfully enabled」 說明vim插件安裝成功。另外在aptana2.0裏邊安裝vim插件,真是頭痛,全部的文件都支持vim模式,在.html竟然不支持,鬱悶。
這 樣會出現另一個問題,我若是想用ctrl+c,ctrl+v等一些默認的快捷鍵,該如何呢?安裝VIM以後修改Defualt ,在Main menu -> Edit -> Copy 單擊右鍵 Remove ctrl + Insert 只會剩下一個ctrl + c。這樣配置後,可使用部分默認的快捷鍵,90%的VIM快捷鍵。這以後還有個問題須要注意,在webstorm重啓以後,又被全局默認爲vim快捷 鍵,須要在File -> Setting -> Keymap -> Keymaps 中選擇Default copy,要否則,仍是全局的VIM快捷鍵。
3. 除了webstorm以外,此公司還提供另一個針對phper的開發工具,phpStorm,主頁上說明,phpstorm包括全部webstorm的功能。可是習慣於大括號去方法名在同一行顯示,因此還得配置:
File -> Settings -> code style -> PHP -> Wrapping and Braces -> Braces placement ->
In method declaration : End of line.
4. zencoding因爲其提供的快捷鍵,確實 zencoding快捷鍵修改:
File -> Setting -> Live Templates
這裏邊若是你修改一個沒有什麼特別的,可是若是要添加一個須要在下面須要類型:No applicable contexts yet. Define ,單擊Define選擇要添加的類型。
如何合理的修改,參考這裏。
若是你對我修改後的文件設置感興趣請點這裏下載。 (其中就是從個人webstorm導出的setting.jar文件,包括主題,快捷鍵,zencoding.css等)
一次性導入:
導入:File -> Import settings…
下載後單獨模塊配置目錄:win7 -> C:\Users\jikey(用戶名)\.WebIde10\config
也能夠一次性導出settings : File -> Export sttings…
5. 在開發js時發現,須要ctrl + return 才能選候選項,又須要配置:
File -> Setting -> Editor -> Code Completion -> Preselect the first suggestion:
‘Smart’ 改成 Always
6. 注意的地方是:Webstorm的調試是不支持中文路徑中文文件名。
如下是webstorm的快捷鍵說明:
1. ctrl + shift + n: 打開工程中的文件(相似於eclipse中的ctrl+shift+R),目的是打開當前工程下任意目錄的文件。
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 + ]/[: 選中塊代碼<table>....</table>
14. ctrl + / : 單行註釋
15. ctrl + shift + / : 塊註釋
16. ctrl + shift + i : 若是是css中的class則顯示當前class詳細信息,若是是js則顯示function的詳細信息(想象一下,若是在jquery的方法上查看詳細 信息,就直接能夠看到實現代碼了),若是是php,那當時仍是function的詳細信息
17. ctrl + '-/+': 能夠摺疊項目中的任何代碼塊,包括htm中的任意nodetype=3的元素,function,或對象直接量等等。它不是選中摺疊,而是自動識別摺疊。
18. ctrl + '.': 摺疊選中的代碼的代碼。
19. shift + esc: 當前激活的任意小窗口最小化,也能夠是alt + '數字鍵',數字在小窗口標題欄上有顯示。
20. alt + '7': 顯示當前的函數結構。相似於eclipse中的outline的效果。試驗了一下,要比aptana的給力一些,但仍是不能徹底顯示prototype下面的方法名。
21. 若是是*.html頁面,則在文件名下的導航欄某DOM結構上右鍵,能夠全選當前DOM結構。
22. 項目中添加對jQuery的支持。
File -> settings -> Javascript Libraries -> Add
在files中添加路徑,在documentations urls中添加文檔支持。這裏邊須要注意一下的是,要添加原始未壓縮的代碼,*.min.js版的方法是不會被提示。
添 加完成後,右邊菜單中還有一 download 按鈕,單擊以後,他會自動選擇最新版的js庫進行搜索,而後在彈出的列表中,再單擊選擇一個後,點擊Download and Install以後,纔會被下載。這塊體驗不是太好,沒有checkbox,也沒有radio,只是選中後整行變暗。
若是添加多個版本的jQuery,就能夠直觀的看到各個版本之間新方法的差異了。
* 在這項的子菜單中 Usage Scope 右邊 Project 第二欄Library下單擊,選擇新添加的jQuery,使其對整個項目進行覆蓋。
也能夠在當前頁面右鍵Use JavaScript Library 中選擇最頂的剛添加的jQuery支持。
固然,並非添加的越多越好,添加的多以後,在代碼提示後會有數毫秒的延遲,須要謹慎選擇最新版。
如下是jquery1.1在ws中效果,還有底下顯示vim啓動運行的提示,左側顯示數字標題欄名稱。
如下vim經常使用快捷鍵:
一. 移動:
h,j,k,l: 左,下,上,右。
w: 下一個詞的詞首。W:下一個單詞(不含標點)。
e:下一個詞的詞尾。E:不含標點。
b:上一個詞的詞首。B:不含標點。
<>: v 模式選中後進行縮進。
二. 跳轉:
%: 能夠匹配{},"",(),[]之間跳轉。
H、M、L:直接跳轉到當前屏幕的頂部、中部、底部。
#H:跳轉到當前屏的第#行。
#L:跳轉到當前屏的倒數第#行。
zt: 當前編輯行置爲屏頂。
zz: 當前編輯行置爲屏中。
zb: 當前編輯行置爲屏底。
G:直接跳轉到文件的底部。
gg: 跳轉到文件首。
gd: 跳轉到光標所在函數和變量的定義。
():跳轉到當前的行首、行尾。
{}:向上、向下跳轉到最近的空行。
[{:跳轉到目前區塊開頭。
]}:跳轉到目前區塊結尾。
0: 跳轉到行首。
$: 跳轉到行尾。
2$: 跳轉到下一行的行尾。
#:跳轉到該行的第#個位置。
#G: 15G,跳轉到15行。
:#:跳轉到#行。
三. 選擇:
1.v: 開啓可視模式。 V: 開啓逐行可視模式。
2.^V: 矩形選擇。
3.v3w: 選擇三個字符。
4.ab:包括括號和()內的區域。
5.aB:包括括號和{}內的區域。
6.ib:括號()內的區域。
7.iB:括號{}內的區域。
8.aw:標記一個單詞。
四. 編輯:
1. 新增:
i: 光標前插入。
I: 在當前行首插入。
a: 光標後插入。
A: 當前行尾插入。
O: 在當前行以前插入新行。
o: 在當前行以後插入新行。
2. 修改 c(change) 爲主:
r: 替換光標所在處的字符。
R:替換光標所到之處的字符。
cw: 更改光標所在處的字到字尾處。
c#w: c3w 修改3個字符。
C:修改到行尾。
ci’:修改配對標點符號中的文本內容。
di’:刪除配對標點符號中的文本內容。
yi’:複製配對標點符號中的文本內容。
vi’:選中配對標點符號中的文本內容。
s:替換當前一個光標所處字符。
#S:刪除 # 行,並以新文本代替。
3. 刪除 d(delete) 爲主:
D:刪除到行尾。
X: 每按一次,刪除光標所在位置的前面一個字符。
x: 每按一次,刪除光標所在位置的後面一個字符。
#x: 刪除光標所在位置後面6個字符。
d^: 刪至行首。
d$: 刪至行尾。
dd:(剪切)刪除光標所在行。
dw: 刪除一個單詞/光標以後的單詞剩餘部分。
d4w: 刪除4個word。
#dd: 從光標所在行開始刪除#行。
daB: 刪除{}及其內的內容。
diB: 刪除{}中的內容。
n1,n2 d:將n1,n2行之間的內容刪除。
4. 查找:
/: 輸入關鍵字,發現不是要找的,直接在按n,向後查找直到找到爲止。
?: 輸入關鍵字,發現不是要找的,直接在按n,向前查找直到找到爲止。
*: 在當前頁向後查找同一字。
#: 在當前頁向前查找同一字。
5. 複製 y(yank)爲主:
yw: 將光標所在之處到字尾的字符複製到緩衝區中。
#yw: 複製#個字到緩衝區。
Y:至關於yy, 複製整行。
#yy:表示複製從光標所在的該行往下數#行文字。
p: 粘貼。全部與y相關的操做必用p來結合粘貼。
]p:粘貼到合適的縮進處。
n1,n2 co n3:複製第n1行到第n2行之間的內容到第n3行後面。
6. 大小寫轉換:
gUU: 將當前行的字母改成大寫。
guu: 將當前行的字母改成小寫。
gUw: 將當前光標下的單詞改成大寫。
guw: 將當前光標下的單詞改成小寫。
a. 整篇大寫:
ggguG
gg: 光標到文件第一個字符。
gu: 把選擇範圍所有小寫。
G: 到文件結束。
b. 整篇小寫:gggUG
7. 其它:
J:當前行和下一行合併成一行。
8. 移動:
n1,n2 m n3:將n1行到n2行之間的內容移至n3行下。
這樣幾番配置認識:
1. 在javascript方面比aptana更接近於當前的流行開發趨勢。
2. 在html,css上比dreamweaver更大膽,更有洞察力。
3. 在php上比zendstudio更帶有一點英雄主義色彩。
4. 在java上,此公司提供另一款工具:IntelliJ IDEA
能夠看出純英文的界面,多如牛毛的快捷鍵,不推薦新手使用。太方便就會容易培養惰性,而惰性是開發人員的大敵。