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

JetBrains WebStorm for mac官方版介紹

一、智能的代碼補(bǔ)全

1.支持不同瀏覽器的提示，還包括所有用戶(hù)自定義的函數(shù)(項(xiàng)目中)

2.代碼補(bǔ)全包含了所有流行的庫(kù)，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

二、代碼格式化

代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義

三、html提示

大家經(jīng)常在js代碼中編寫(xiě)html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。而且html里面還能有js提示。

四、聯(lián)想查詢(xún)

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全代碼導(dǎo)航和用法查詢(xún)項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

五、代碼重構(gòu)

這個(gè)操作有些像Resharper，熟悉Resharper的用戶(hù)應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。

六、代碼檢查和快速修復(fù)

可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方，并給出修改意見(jiàn)，快速修復(fù)。

七、代碼調(diào)試

支持代碼調(diào)試，界面和IDEA相似，非常方便。

八、代碼結(jié)構(gòu)瀏覽

可以快速瀏覽和定位

九、代碼折疊

功能雖小，不過(guò)勝在方便高效

十、包裹或者去掉外圍代碼

自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

webstorm mac使用技巧

1、收藏夾功能

當(dāng)工程目錄很龐大時(shí)，有些子目錄很經(jīng)常打開(kāi)，但層級(jí)又很深，這時(shí)候可以把目錄添加到收藏夾里面，添加成功后，左側(cè)有個(gè)“Favorites”菜單

2、面包屑導(dǎo)航

除了左側(cè)的工程頁(yè)面，可以選擇目錄之外，在頂部菜單下有一個(gè)類(lèi)似網(wǎng)站面包屑導(dǎo)航一樣的目錄也可以實(shí)現(xiàn)相同功。點(diǎn)擊每個(gè)目錄就會(huì)有下拉菜單顯示其下的子目錄，很實(shí)用.

3、構(gòu)造器界面

注釋符合格式的話就會(huì)出現(xiàn)。如果是js文件則是js類(lèi)的函數(shù)和對(duì)象；css文件的話則是這個(gè)css文件的概括；html文件的話則是節(jié)點(diǎn)的結(jié)構(gòu)圖。話說(shuō)這幾個(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追蹤變得簡(jiǎn)單。通過(guò)Spy-js你可以看到觸發(fā)代碼執(zhí)行的事件的完整列表，然后幫你整理堆棧跟蹤事件，并在源代碼中突出顯示

3、支持多個(gè)插入符和選擇

現(xiàn)在WebStorm允許你把插入符放到多個(gè)位置，在這些位置你可以同時(shí)編輯代碼，輕松地完成編輯和更換

4、內(nèi)置Grunt控制臺(tái)

通過(guò)Grunt控制臺(tái)可以列出并定義grunt任務(wù)的完整列表， 雙擊可執(zhí)行

5、集成Bower

集成Bower包管理器后，你可以更簡(jiǎn)單方便的在IDE中搜索、安裝和管理客戶(hù)端庫(kù)和框架

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的語(yǔ)法，可以幫助您生成代碼步驟定義。您可以在一個(gè)單一的點(diǎn)擊開(kāi)始測(cè)試，看到一個(gè)不錯(cuò)的結(jié)構(gòu)化格式的測(cè)試結(jié)果，并輕松導(dǎo)航到測(cè)試源

webstorm mac用途

一、JavaScript

1.基于DOM，特定瀏覽器完成

2.編碼導(dǎo)航和用法查詢(xún)

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.編碼語(yǔ)言混合或內(nèi)混

3.拼寫(xiě)檢查器

4.重復(fù)代碼檢測(cè)器

三、編輯語(yǔ)言

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+回車(chē) 快速換行

Command+回車(chē) 換行光標(biāo)還在原先位置

Command+shift+U 大小寫(xiě)轉(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)收上來(lái)

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 打開(kāi)斷點(diǎn)列表

三、導(dǎo)航

Command+O 跳轉(zhuǎn)到某個(gè)類(lèi)

Command+shift+O 跳轉(zhuǎn)到某個(gè)文件

Command+alt+O 跳轉(zhuǎn)到某個(gè)符號(hào)

Control+←,Control+→ 轉(zhuǎn)到上/下一個(gè)編輯器選項(xiàng)卡

F12 打開(kāi)之前打開(kāi)的工具窗口（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)信息（類(lèi)型、注釋等，注釋是拿上一行的注釋?zhuān)?

Command+Y 小浮窗顯示變量聲明時(shí)的行

Command+[,Command+] 光標(biāo)現(xiàn)在的位置和之前的位置切換

Command+F12 文件結(jié)構(gòu)彈出式菜單

alt+H 類(lèi)的層次結(jié)構(gòu)

F2,shift+F2 切換到上\下一個(gè)突出錯(cuò)誤的位置

Command+↑ 跳轉(zhuǎn)到導(dǎo)航欄

F3 添加書(shū)簽

alt+F3 添加帶助記的書(shū)簽

alt+1,alt+2… 切換到相應(yīng)助記的書(shū)簽位置

Command+F3 打開(kāi)書(shū)簽列表

四、VCS/本地歷史記錄

control+V 打開(kāi)VST小浮窗

Command+K 提交項(xiàng)目

Command+T 更新項(xiàng)目

alt+shift+C 打開(kāi)最近修改列表

五、搜索和替換

Command+F 搜索

Command+R 替換

Command+G 查找下一個(gè)

Command+shift+G 查找下一個(gè)

Command+shift+F 按路徑搜索

Command+shift+R 按路徑替換

六、選中文字的搜索

Command+F7 向聲明的地方搜索并選中

Command+shift+F7 打開(kāi)搜索框進(jìn)行搜索

Command+alt+F7 打開(kāi)小浮窗顯示搜索列表

七、對(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… 打開(kāi)各種工具窗口

alt+shift+F 把文件添加到收藏夾

alt+shift+I 打開(kāi)項(xiàng)目描述

alt+~ 快速切換當(dāng)前計(jì)劃

Command+, 設(shè)置編輯器

Control+Tab 選項(xiàng)卡和工具窗口之間進(jìn)行切換

alert+回車(chē) 顯示npm版本升級(jí)列表

webstorm mac常見(jiàn)問(wèn)題

1、如何更改主題（字體&配色）

File - settings - Editor - colors&fonts - scheme name

2、如何讓webstorm啟動(dòng)的時(shí)候不打開(kāi)工程文件

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ì)有提示框出來(lái)，按提示操作

8、換成自己熟悉編輯器的快鍵鍵

File -Settings-Keymap，支持像Visual Studio、Eclipse、NetBeans這樣的主流IDE。

9、javascript類(lèi)庫(kù)提示

File - settings - Javascript - Libraries - 然后在列表里選擇自己經(jīng)常用到的javascript類(lèi)庫(kù)，最后Download and Install就ok了.

10、在開(kāi)發(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的賬戶(hù)，如果沒(méi)有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 硬盤(pán)空間，推薦 SSD

最低屏幕分辨率 1024x768