JetBrains WebStorm for mac官方版

WebStorm mac版是一款運行在Mac平臺上的JavaScript開發(fā)工具，也被人稱為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。其與IntelliJ IDEA同源，并繼承了IntelliJ IDEA強大的JS部分的功能。webstorm mac有著智能代碼補全功能，支持不同瀏覽器的提示，并包括所有用戶自定義的函數(shù)，且代碼補全庫中包含了目前所有流行的庫，包括JQuery、YUI、Dojo、Prototype和Mootools and Bindows等。同時它還具有代碼格式化、html提示、聯(lián)想查詢、代碼重構、代碼調試和代碼結構瀏覽等優(yōu)勢功能。webstorm mac除了正常的JavaScript開發(fā)之外，還具有批量代碼分析、編碼語言混合或內混、拼寫檢查器和重復代碼檢測器等用途。新版全面支持AngularJS，其對流行框架提供高級支持，可智能提示AngularJS指令、controller和application names以及花括號里邊的數(shù)據(jù)綁定。此外，新版還全面支持Spy-js、多個插入符和選擇，并新增Grunt控制臺和Live控制臺等。有需要的朋友快來下載體驗吧！

JetBrains WebStorm for mac官方版介紹

一、智能的代碼補全
1.支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項目中)
2.代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
二、代碼格式化
代碼不僅可以格式化，而且所有規(guī)則都可以自己來定義
三、html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。
四、聯(lián)想查詢
只需要按著Ctrl鍵點擊函數(shù)或者變量等，就能直接跳轉到定義；可以全代碼導航和用法查詢項目查找函數(shù)或者變量，還可以查找使用并高亮。
五、代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數(shù)、內聯(lián)變量/函數(shù)、移動/復制、安全刪除等等。
六、代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優(yōu)化的地方，并給出修改意見，快速修復。
七、代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
八、代碼結構瀏覽
可以快速瀏覽和定位
九、代碼折疊
功能雖小，不過勝在方便高效
十、包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定

webstorm mac使用技巧

1、收藏夾功能
當工程目錄很龐大時，有些子目錄很經常打開，但層級又很深，這時候可以把目錄添加到收藏夾里面，添加成功后，左側有個“Favorites”菜單
2、面包屑導航
除了左側的工程頁面，可以選擇目錄之外，在頂部菜單下有一個類似網(wǎng)站面包屑導航一樣的目錄也可以實現(xiàn)相同功。點擊每個目錄就會有下拉菜單顯示其下的子目錄，很實用.
3、構造器界面
注釋符合格式的話就會出現(xiàn)。如果是js文件則是js類的函數(shù)和對象；css文件的話則是這個css文件的概括；html文件的話則是節(jié)點的結構圖。話說這幾個就是為了方便查看代碼的結構性
4、todo界面
給代碼加todo注釋就會出現(xiàn)這個界面
5、雙欄代碼界面
右擊代碼選項卡上的文件，然后右鍵 - spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)
6、本地歷史功能
找回代碼的好辦法

webstorm mac新功能

1、支持AngularJS
對流行框架提供高級支持。智能提示AngularJS指令（包括自定義指令），controller 和 application names以及花括號里邊的數(shù)據(jù)綁定
2、支持Spy-js
JavaScript追蹤變得簡單。通過Spy-js你可以看到觸發(fā)代碼執(zhí)行的事件的完整列表，然后幫你整理堆棧跟蹤事件，并在源代碼中突出顯示
3、支持多個插入符和選擇
現(xiàn)在WebStorm允許你把插入符放到多個位置，在這些位置你可以同時編輯代碼，輕松地完成編輯和更換
4、內置Grunt控制臺
通過Grunt控制臺可以列出并定義grunt任務的完整列表， 雙擊可執(zhí)行
5、集成Bower
集成Bower包管理器后，你可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架
6、JavaScript模塊化
完善了對RequireJS和AMD的支持程度，基于requirejs.config實現(xiàn)了源碼導航功能。并改善了對Harmony module loader的支持
7、Live控制臺
在控制臺中的JavaScript和Node.js的調試工具窗口現(xiàn)在可以作為一個shell提示符，并允許您執(zhí)行命令和JavaScript代碼
8、新增CucumberJS支持
WebStorm現(xiàn)在了解CucumberJS的語法，可以幫助您生成代碼步驟定義。您可以在一個單一的點擊開始測試，看到一個不錯的結構化格式的測試結果，并輕松導航到測試源

webstorm mac用途

一、JavaScript
1.基于DOM，特定瀏覽器完成
2.編碼導航和用法查詢
3.支持ECMAScript
4.支持CoffeeScript
5.支持結點
6.JavaScript重構
7.JavaScript單元測試
8.代碼檢測和快速修復
9.JSLint/JSHint
10.基于 Mozilla的JavaScript調試器
二、其他用途
1.批量代碼分析
2.編碼語言混合或內混
3.拼寫檢查器
4.重復代碼檢測器
三、編輯語言
1.支持HTML5
2.css/js
3.檢驗和快速修復
4.Zen編碼
5.顯示內容
6.顯示應用的風格
四、便捷的環(huán)境
1.HTML5樣本文件和其他Web應用程序模板
2.FTP和遠程文件同步
3.集成了版本控制系統(tǒng)
4.本地記錄

webstorm mac快捷鍵大全

一、編輯
Command+alt+T 用 (if..else, try..catch, for, etc.)包住
Command+/ 注釋/取消注釋的行注釋
Command+alt+/ 注釋/取消注釋與塊注釋
alt+↑ 向上選取代碼塊
alt+↓ 向下選取代碼塊
Command+alt+L 格式化代碼
tab,shift+tab 調整縮進
Control+alt+I 快速調整縮進
Command+C 復制
Command+X 剪切
Command+V 粘貼
Command+shift+V 從剪貼板里選擇粘貼
Command+D 復制代碼副本
Command+delete 刪除當前行
Control+Shift+J 清除縮進變成單行
shift+回車 快速換行
Command+回車 換行光標還在原先位置
Command+shift+U 大小寫轉換
Command+shift+[,Command+shift+] 文件選項卡快速切換
Command+加號,Command+減號 收縮代碼塊
Command+shift+加號，Command+shift+減號 收縮整個文檔的代碼塊
Command+W 關閉當前文件選項卡
alt+單擊 光標在多處定位
Control+shift+J 把下面行的縮進收上來
shift + F6 高級修改，可快速修改光標所在的標簽、變量、函數(shù)等
alt+/ 代碼補全
二、調試
Control+alt+R 運行項目
Command+Control+R 運行Debug
Command+F8 添加斷點
Command+shift+F8 打開斷點列表
三、導航
Command+O 跳轉到某個類
Command+shift+O 跳轉到某個文件
Command+alt+O 跳轉到某個符號
Control+←,Control+→ 轉到上/下一個編輯器選項卡
F12 打開之前打開的工具窗口（TODO、終端等）
Command+L 跳轉行
Command+E 彈出最近文件
Command+alt+←,Command+alt+→ 向前向后導航到代碼塊交接處（一般是空行處）
Command+shift+delete 導航到上一個編輯位置的位置
Command+B 跳轉到變量聲明處
Control+J 獲取變量相關信息（類型、注釋等，注釋是拿上一行的注釋）
Command+Y 小浮窗顯示變量聲明時的行
Command+[,Command+] 光標現(xiàn)在的位置和之前的位置切換
Command+F12 文件結構彈出式菜單
alt+H 類的層次結構
F2,shift+F2 切換到上\下一個突出錯誤的位置
Command+↑ 跳轉到導航欄
F3 添加書簽
alt+F3 添加帶助記的書簽
alt+1,alt+2… 切換到相應助記的書簽位置
Command+F3 打開書簽列表
四、VCS/本地歷史記錄
control+V 打開VST小浮窗
Command+K 提交項目
Command+T 更新項目
alt+shift+C 打開最近修改列表
五、搜索和替換
Command+F 搜索
Command+R 替換
Command+G 查找下一個
Command+shift+G 查找下一個
Command+shift+F 按路徑搜索
Command+shift+R 按路徑替換
六、選中文字的搜索
Command+F7 向聲明的地方搜索并選中
Command+shift+F7 打開搜索框進行搜索
Command+alt+F7 打開小浮窗顯示搜索列表
七、對項目文件的操作（重構）
F5 復制文件到某個目錄
F6 移動文件到某個目錄
Command+delete 安全刪除
shift+F6 重命名
八、全局
雙擊shift 彈出小浮窗搜索所有
Command+切換項目 Command+shift+ 反向切換項目
Command+shift+A 整個工程的查找操作
Command+1,Command+2… 打開各種工具窗口
alt+shift+F 把文件添加到收藏夾
alt+shift+I 打開項目描述
alt+~ 快速切換當前計劃
Command+, 設置編輯器
Control+Tab 選項卡和工具窗口之間進行切換
alert+回車 顯示npm版本升級列表

webstorm mac常見問題

1、如何更改主題（字體&配色）
File - settings - Editor - colors&fonts - scheme name
2、如何讓webstorm啟動的時候不打開工程文件
File - Settings-General去掉Reopen last project on startup
3、如何完美顯示中文
File - Settings-Appearance中勾選Override default fonts by (not recommended)，設置Name:NSimSun，Size:12
4、如何顯示行號
File - Settings-Editor，”Show numbers”打上勾，就顯示行號了
5、如何代碼自動換行
File - settings - Editor “Use Soft Wraps in editor” 打上鉤，代碼就自動換行了
6、如何點擊光標，顯示在本行末尾
File - Settings-Editor “Allow placement of caret after end of ”去掉勾就行了。
7、如何修改快鍵鍵
File - Settings-Keymap，然后雙擊要修改快捷的功能會有提示框出來，按提示操作
8、換成自己熟悉編輯器的快鍵鍵
File -Settings-Keymap，支持像Visual Studio、Eclipse、NetBeans這樣的主流IDE。
9、javascript類庫提示 
File - settings - Javascript - Libraries - 然后在列表里選擇自己經常用到的javascript類庫，最后Download and Install就ok了.
10、在開發(fā)js時發(fā)現(xiàn)，需要ctrl + return 才能選候選項
File - Setting - Editor - Code Completion - Preselect the first suggestion: “Smart” 改為 “Always”
11、js提示比較遲緩
File - Code Completion - Autopopup in 下 1000改為0
12、git配置
File - settings - Editor - github，進去改github的賬戶，如果沒有git則不需要
13、插件安裝
File -plugins，然后就選擇給力的插件們再安裝.(“css-X-fire”插件,用于當使用firebug修改css屬性時，編輯器內的css代碼也會發(fā)生變化）

系統(tǒng)要求

macOS 10.14 或更高版本
最低 2 GB 可用 RAM，推薦 8 GB 系統(tǒng)總 RAM
2.5 GB 硬盤空間，推薦 SSD
最低屏幕分辨率 1024x768