JetBrains WebStorm for mac官方版

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

JetBrains WebStorm for mac官方版介紹

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

webstorm mac使用技巧

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

webstorm mac新功能

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

webstorm mac用途

一、JavaScript
1.基于DOM，特定瀏覽器完成
2.編碼導(dǎo)航和用法查詢
3.支持ECMAScript
4.支持CoffeeScript
5.支持結(jié)點(diǎn)
6.JavaScript重構(gòu)
7.JavaScript單元測(cè)試
8.代碼檢測(cè)和快速修復(fù)
9.JSLint/JSHint
10.基于 Mozilla的JavaScript調(diào)試器
二、其他用途
1.批量代碼分析
2.編碼語言混合或內(nèi)混
3.拼寫檢查器
4.重復(fù)代碼檢測(cè)器
三、編輯語言
1.支持HTML5
2.css/js
3.檢驗(yàn)和快速修復(fù)
4.Zen編碼
5.顯示內(nèi)容
6.顯示應(yīng)用的風(fēng)格
四、便捷的環(huán)境
1.HTML5樣本文件和其他Web應(yīng)用程序模板
2.FTP和遠(yuǎn)程文件同步
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 調(diào)整縮進(jìn)
Control+alt+I 快速調(diào)整縮進(jìn)
Command+C 復(fù)制
Command+X 剪切
Command+V 粘貼
Command+shift+V 從剪貼板里選擇粘貼
Command+D 復(fù)制代碼副本
Command+delete 刪除當(dāng)前行
Control+Shift+J 清除縮進(jìn)變成單行
shift+回車 快速換行
Command+回車 換行光標(biāo)還在原先位置
Command+shift+U 大小寫轉(zhuǎn)換
Command+shift+[,Command+shift+] 文件選項(xiàng)卡快速切換
Command+加號(hào),Command+減號(hào) 收縮代碼塊
Command+shift+加號(hào)，Command+shift+減號(hào) 收縮整個(gè)文檔的代碼塊
Command+W 關(guān)閉當(dāng)前文件選項(xiàng)卡
alt+單擊 光標(biāo)在多處定位
Control+shift+J 把下面行的縮進(jìn)收上來
shift + F6 高級(jí)修改，可快速修改光標(biāo)所在的標(biāo)簽、變量、函數(shù)等
alt+/ 代碼補(bǔ)全
二、調(diào)試
Control+alt+R 運(yùn)行項(xiàng)目
Command+Control+R 運(yùn)行Debug
Command+F8 添加斷點(diǎn)
Command+shift+F8 打開斷點(diǎn)列表
三、導(dǎo)航
Command+O 跳轉(zhuǎn)到某個(gè)類
Command+shift+O 跳轉(zhuǎn)到某個(gè)文件
Command+alt+O 跳轉(zhuǎn)到某個(gè)符號(hào)
Control+←,Control+→ 轉(zhuǎn)到上/下一個(gè)編輯器選項(xiàng)卡
F12 打開之前打開的工具窗口（TODO、終端等）
Command+L 跳轉(zhuǎn)行
Command+E 彈出最近文件
Command+alt+←,Command+alt+→ 向前向后導(dǎo)航到代碼塊交接處（一般是空行處）
Command+shift+delete 導(dǎo)航到上一個(gè)編輯位置的位置
Command+B 跳轉(zhuǎn)到變量聲明處
Control+J 獲取變量相關(guān)信息（類型、注釋等，注釋是拿上一行的注釋）
Command+Y 小浮窗顯示變量聲明時(shí)的行
Command+[,Command+] 光標(biāo)現(xiàn)在的位置和之前的位置切換
Command+F12 文件結(jié)構(gòu)彈出式菜單
alt+H 類的層次結(jié)構(gòu)
F2,shift+F2 切換到上\下一個(gè)突出錯(cuò)誤的位置
Command+↑ 跳轉(zhuǎn)到導(dǎo)航欄
F3 添加書簽
alt+F3 添加帶助記的書簽
alt+1,alt+2… 切換到相應(yīng)助記的書簽位置
Command+F3 打開書簽列表
四、VCS/本地歷史記錄
control+V 打開VST小浮窗
Command+K 提交項(xiàng)目
Command+T 更新項(xiàng)目
alt+shift+C 打開最近修改列表
五、搜索和替換
Command+F 搜索
Command+R 替換
Command+G 查找下一個(gè)
Command+shift+G 查找下一個(gè)
Command+shift+F 按路徑搜索
Command+shift+R 按路徑替換
六、選中文字的搜索
Command+F7 向聲明的地方搜索并選中
Command+shift+F7 打開搜索框進(jìn)行搜索
Command+alt+F7 打開小浮窗顯示搜索列表
七、對(duì)項(xiàng)目文件的操作（重構(gòu)）
F5 復(fù)制文件到某個(gè)目錄
F6 移動(dòng)文件到某個(gè)目錄
Command+delete 安全刪除
shift+F6 重命名
八、全局
雙擊shift 彈出小浮窗搜索所有
Command+切換項(xiàng)目 Command+shift+ 反向切換項(xiàng)目
Command+shift+A 整個(gè)工程的查找操作
Command+1,Command+2… 打開各種工具窗口
alt+shift+F 把文件添加到收藏夾
alt+shift+I 打開項(xiàng)目描述
alt+~ 快速切換當(dāng)前計(jì)劃
Command+, 設(shè)置編輯器
Control+Tab 選項(xiàng)卡和工具窗口之間進(jìn)行切換
alert+回車 顯示npm版本升級(jí)列表

webstorm mac常見問題

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

系統(tǒng)要求

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