WebStorm 10是一款強(qiáng)大的HTML5編輯工具,是 JetBrains 推出的一款商業(yè)的 JavaScript 開發(fā)工具。功能強(qiáng)大的前端專用IDE,擁有即時編輯(chrome)、自動完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性,推薦前端工程師使用。
這個是官方最新英文版,帶漢化包。Webstorm擁有豐富的代碼快速編輯功能,你可以自由配置功能快捷鍵。
此版本值得關(guān)注的特性如下:JavaScript 支持改進(jìn);HTML 編輯改進(jìn)(同步 HTML 標(biāo)簽編輯,Emmet 編輯);spy-js:高級搜索和源碼映射支持;高級跟蹤搜索;支持在 Firefox 調(diào)試;新項(xiàng)目向?qū)В?strong>Distraction 自由模式;更多改進(jìn)內(nèi)容請看發(fā)行說明。
內(nèi)附從網(wǎng)絡(luò)上搜集到的注冊機(jī),已測試可用,但部分殺毒軟件可能會有誤報(bào)。
Webstorm安裝方法:
先下載Webstorm,然后從明河的分享鏈接中找到注冊機(jī)下載到本地。
安裝過程很簡單,一直下一步即可,
運(yùn)行Webstorm后,會出現(xiàn)需要注冊的頁面,打開注冊機(jī)程序:
將注冊機(jī)的信息復(fù)制進(jìn)去即可。
Webstorm的默認(rèn)字體和配色相當(dāng)糟糕(這點(diǎn)不如sublime_text),你可以直接手動改進(jìn)Webstorm的配置(頗有成就感哦O(∩_∩)O),當(dāng)然也可以直接導(dǎo)入明河的配置(從分享鏈接中找到明河的配置包,下載到本地),如下圖:
(當(dāng)然,你也可以點(diǎn)擊“Export settings”導(dǎo)出你自己的配置。)
手動配置Webstorm
配置項(xiàng)極其豐富,建議善用搜索,比如配置字體大。
git配置
導(dǎo)入后可能會出現(xiàn)一個“git配置失敗”的提示,如果你沒有用git可以無視,有用git,可以點(diǎn)擊“ fix it ”:
找到你本機(jī)的git目錄:
有使用github,還需要配置下github的賬號和密碼:
進(jìn)入Webstorm的配置界面,搜索github
推薦使用字體
推薦使用DroidFamily或SourceCodePro_FontsOnly字體,這二款字體都很美觀,代碼看上去很舒服,在明河的分享鏈接上有個“字體”文件夾里面有,自行下載安裝,安裝完后重啟Webstorm,進(jìn)入“settings”,找到font配置。
在Application上選擇WebStorm,然后再輸入U(xiǎn)ser Name點(diǎn)擊Generate生成注冊碼。
默認(rèn)配置-Eclipse的常用快捷鍵對照表
查找/代替
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+N | ctrl+shift+R | 通過文件名快速查找工程內(nèi)的文件(必記) |
ctrl+shift+alt+N | ctrl+shift+alt+N | 通過一個字符快速查找位置(必記) |
ctrl+F | ctrl+F | 在文件內(nèi)快速查找代碼 |
F3 | ctrl+K | 查找下一個 |
shift+F3 | ctrl+shift+K | 查找上一個 |
ctrl+R | ctrl+F | 文件內(nèi)代碼替換 |
ctrl+shift+R | 指定目錄內(nèi)代碼批量替換 | |
ctrl+shift+F | ctrl+H | 指定目錄內(nèi)代碼批量查找 |
界面操作
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+A | ctrl+shift+A | 快速查找并使用編輯器所有功能(必記) |
alt+[0-9] | alt+[0-9] | 快速拆合功能界面模塊 |
ctrl+shift+F12 | ctrl+shift+F12 | 最大區(qū)域顯示代碼(會隱藏其他的功能界面模塊) |
alt+shift+F | alt+shift+F | 將當(dāng)前文件加入收藏夾 |
ctrl+alt+s | ctrl+alt+s | 打開配置窗口 |
ctrl+tab | ctrl+tab | 切換代碼選項(xiàng)卡(還要進(jìn)行此選擇,效率差些) |
alt+←/→ | alt+←/→ | 切換代碼選項(xiàng)卡 |
ctrl+F4 | ctrl+F4 | 關(guān)閉當(dāng)前代碼選項(xiàng)卡 |
代碼編輯
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+D | ctrl+shift+↑ | 復(fù)制當(dāng)前行 |
ctrl+W | alt+shift+↑ | 選中單詞 |
ctrl+←/→ | ctrl+←/→ | 以單詞作為邊界跳光標(biāo)位置 |
alt+insert | alt+insert | 新建一個文件或其他 |
ctrl+alt+L | ctrl+alt+L | 格式化代碼 |
shift+tab/tab | shift+tab/tab | 減少/擴(kuò)大縮進(jìn)(可以在代碼中減少行縮進(jìn)) |
ctrl+Y | ctrl+D | 刪除一行 |
shift+enter | shift+enter | 重新開始一行(無論光標(biāo)在哪個位置) |
導(dǎo)航
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
esc | esc | 進(jìn)入代碼編輯區(qū)域 |
alt+F1 | alt+F1 | 查找代碼在其他界面模塊的位置,頗為有用 |
ctrl+G | ctrl+L | 到指定行的代碼 |
ctrl+]/[ | ctrl+]/[ | 光標(biāo)到代碼塊的前面或后面 |
alt+up/down | ctrl+shift+up/down | 上一個/下一個方法 |