WebStorm 10.0.3安裝


轉:http://www.cr173.com/soft/130969.html

WebStorm 10是一款強大的HTML5編輯工具,是 JetBrains 推出的一款商業的 JavaScript 開發工具。功能強大的前端專用IDE,擁有即時編輯(chrome)、自動完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性,推薦前端工程師使用。

這個是官方最新英文版,帶漢化包。Webstorm擁有豐富的代碼快速編輯功能,你可以自由配置功能快捷鍵。

此版本值得關注的特性如下:JavaScript 支持改進;HTML 編輯改進(同步 HTML 標簽編輯,Emmet 編輯);spy-js:高級搜索和源碼映射支持;高級跟蹤搜索;支持在 firefox 調試;新項目向導;Distraction 自由模式;更多改進內容請看發行說明。

內附從網絡上搜集到的注冊機,已測試可用,但部分殺毒軟件可能會有誤報。

Webstorm安裝方法:

先下載Webstorm,然后從明河的分享鏈接中找到注冊機下載到本地。

安裝過程很簡單,一直下一步即可,

運行Webstorm后,會出現需要注冊的頁面,打開注冊機程序:

將注冊機的信息復制進去即可。

Webstorm的默認字體和配色相當糟糕(這點不如sublime_text),你可以直接手動改進Webstorm的配置(頗有成就感哦O(∩_∩)O),當然也可以直接導入明河的配置(從分享鏈接中找到明河的配置包,下載到本地),如下圖:

(當然,你也可以點擊“Export settings”導出你自己的配置。)

手動配置Webstorm

配置項極其豐富,建議善用搜索,比如配置字體大小:

git配置

導入后可能會出現一個“git配置失敗”的提示,如果你沒有用git可以無視,有用git,可以點擊“ fix it ”:

找到你本機的git目錄:

有使用github,還需要配置下github的賬號和密碼:

進入Webstorm的配置界面,搜索github

推薦使用字體

推薦使用DroidFamily或SourceCodePro_FontsOnly字體,這二款字體都很美觀,代碼看上去很舒服,在明河的分享鏈接上有個“字體”文件夾里面有,自行下載安裝,安裝完后重啟Webstorm,進入“settings”,找到font配置。

在Application上選擇WebStorm,然后再輸入User Name點擊Generate生成注冊碼。

默認配置-EcliPSe的常用快捷鍵對照表

查找/代替

Webstorm快捷鍵 eclipse快捷鍵 說明
ctrl+shift+N ctrl+shift+R 通過文件名快速查找工程內的文件(必記)
ctrl+shift+alt+N ctrl+shift+alt+N 通過一個字符快速查找位置(必記)
ctrl+F ctrl+F 在文件內快速查找代碼
F3 ctrl+K 查找下一個
shift+F3 ctrl+shift+K 查找上一個
ctrl+R ctrl+F 文件內代碼替換
ctrl+shift+R   指定目錄內代碼批量替換
ctrl+shift+F ctrl+H 指定目錄內代碼批量查找

界面操作

Webstorm快捷鍵 Eclipse快捷鍵 說明
ctrl+shift+A ctrl+shift+A 快速查找並使用編輯器所有功能(必記)
alt+[0-9] alt+[0-9] 快速拆合功能界面模塊
ctrl+shift+F12 ctrl+shift+F12 最大區域顯示代碼(會隱藏其他的功能界面模塊)
alt+shift+F alt+shift+F 將當前文件加入收藏夾
ctrl+alt+s ctrl+alt+s 打開配置窗口
ctrl+tab ctrl+tab 切換代碼選項卡(還要進行此選擇,效率差些)
alt+←/→ alt+←/→ 切換代碼選項卡
ctrl+F4 ctrl+F4 關閉當前代碼選項卡

代碼編輯

Webstorm快捷鍵 Eclipse快捷鍵 說明
ctrl+D ctrl+shift+↑ 復制當前行
ctrl+W alt+shift+↑ 選中單詞
ctrl+←/→ ctrl+←/→ 以單詞作為邊界跳光標位置
alt+insert alt+insert 新建一個文件或其他
ctrl+alt+L ctrl+alt+L 格式化代碼
shift+tab/tab shift+tab/tab 減少/擴大縮進(可以在代碼中減少行縮進)
ctrl+Y ctrl+D 刪除一行
shift+enter shift+enter 重新開始一行(無論光標在哪個位置)

導航

Webstorm快捷鍵 Eclipse快捷鍵 說明
esc esc 進入代碼編輯區域
alt+F1 alt+F1 查找代碼在其他界面模塊的位置,頗為有用
ctrl+G ctrl+L 到指定行的代碼
ctrl+]/[ ctrl+]/[ 光標到代碼塊的前面或后面
alt+up/down ctrl+shift+up/down 上一個/下一個方法

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM