WebStorm
jetbrains公司旗下一款JavaScript開發工具
WebStorm是jetbrains公司旗下一款JavaScript開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
JavaScript
·基於DOM，特定瀏覽器完成
·編碼導航和用法查詢
·支持ECMAScript
·支持CoffeeScript
·支持結點
.JavaScript重構
·JavaScript單元測試
·代碼檢測和快速修復
·JSLint/JSHint
.基於Mozilla的JavaScript調試器
其他用途
·批量代碼分析
·編碼語言混合或內混
·拼寫檢查器
·重複代碼檢測器
編輯語言
·支持HTML5
·css/js
·檢驗和快速修復
·Zen編碼
·顯示內容
·顯示應用的風格
便捷的環境
·HTML5樣本文件和其他Web應用程序模板
·FTP和遠程文件同步
·集成了版本控制系統
·本地記錄
支持的語言和框架
提供JavaScript、ECMAScript6、TypeScript、CoffeeScript、Dart和Flow代碼輔助功能。
幫助編寫HTML、CSS、Less、Sass和Stylus代碼。
支持Node.js和主流框架，如React、Angular、 Vue.js、Meteor等。
代碼補全
WebStorm分析項目，為應用程序中定義的所有方法、函數、模塊、變數和類型提供最佳代碼補全。代碼輔助是上下文感知的，也可以特定於框架。
多個插入符號和選擇
具備每個人喜歡的多個插入符號和選擇。同時編輯文件中的多個地方，甚至具備適用於它們的代碼補全和動態模板。通過Alt+點擊來選擇編輯的地方。或者，選擇當前單詞出現的地方並同時編輯它們。
AngularJS
將AngularJS應用的代碼輔助帶領到更佳階段。獲得有關默認和自定義指令、控制器和應用程序名稱以及數據綁定的代碼洞察的代碼建議。
Emmet
充分利用Emmet的縮寫功能來提高您的工作效率。在HTML中輸入縮寫，然後按下Tab鍵，將其擴展到標記中
Emmet也適用於CSS和JSX。
Live Edit
動態編輯可以立刻在瀏覽器中看到頁面內容更新（僅限於Google Chrome），無需重現載入，即可看到對HTML和CSS文件的變更。它作為JavaScript調試會話的一部分。
導航
WebStorm強大的導航功能，在處理大型項目時，提高代碼效率並節省時間。
對於代碼中的任何方法、函數或變數，只需Ctrl+點擊或搜索其用途，即可跳到其定義。
通過雙擊Shift，即可進行隨處搜索（Search Everywhere），在整個項目中搜索符號、文件或類名。
結構視圖可以在當前打開的文件中輕鬆導航。
代碼質量分析
內置了數百種檢查，覆蓋所有支持的語言。除此之外，還可以使用ESLint、TSLint、Stylelint、JSCS、JSHint和JSLint。
在輸入時，會直接在編輯器中報告所有錯誤和警告，並提供許多快速修複選項。
任何可能有問題的代碼行都標記在編輯器右側的排水溝中，因此可以輕鬆地在長文件中發現錯誤和警告。
還可以為整個項目運行代碼進行質量分析，並自動應用選定的快速修復。
代碼樣式
使用一致的代碼風格，使WebStorm在編寫代碼時自動應用配置的代碼風格，或者一次重新格式化整個文件。
為任何語言配置代碼風格，包括縮進、空格、對齊規則等。如果需要，可以將代碼風格方案保存在項目設置中，通過VCS與團隊成員共享。
EditorConfig
自動應用項目文件.editorconfig中指定的代碼風格。
調試客戶端JavaScript和Node.js
WebStorm為客戶端代碼提供先進的調試器，它與Google Chrome協同工作。它內置在IDE中，因此調試時無需在編輯器和瀏覽器之間切換。
依靠WebStorm調試器對源映射的支持，您可以輕鬆調試ECMAScript6、TypeScript或CoffeeScript代碼。
功能齊全的內置Node.js調試器也是立即可用。用它調試在本地或遠程機器上運行的應用程序。
WebStorm調試器有多重視圖，包括：框架、全局和局部變數以及Watcher。變數值內聯顯示在編輯器中的用法旁邊。可以在運行時輕鬆評估JavaScript表達式。斷點支持掛起模式和條件。
跟蹤
spy-js是一個內置工具，可以幫助跟蹤代碼並有效識別任何可能的瓶頸。它適用於客戶端JavaScript和Node.js，甚至還支持編譯為JavaScript語言。
通過spy-js，可以看到觸發代碼執行的完整事件列表，然後深入了解事件的堆棧跟蹤，並瀏覽源碼中高亮顯示的跟蹤。這些數據還用於推動代碼補全結果。
spy-js還可以可視化應用程序結構。使用spy-js圖查看項目文件如何與基於運行時數據的函數調用相關聯。
單元測試
輕鬆執行單元測試，因為WebStorm與流行的JavaScript測試框架集成。
選擇Karma或Jest來測試客戶端JavaScript代碼或Mocha來測試Node.js。直接在IDE中運行和調試測試，以方便的可視格式查看結果，然後導航到測試代碼。
代碼覆蓋率報告也適用於Karma測試運行器。
WebStorm還支持Protractor，用於Angular、JSTestDriver、Cucumber.js的端到端測試，用於行為驅動開發和Nodeunit。
性能分析
WebStorm可以幫助捕獲和探索V8 CPU性能，以及Node.js應用程序的堆快照。因為分析數據以最易於訪問的方式呈現，因此可以輕鬆識別應用程序中任何可能的熱點或內存泄漏。
任務運行器
享受用統一的界面來運行Grunt和Gulp<0>任務以及<0>npm<0>腳本。無需使用命令行來啟動任務。
所有定義在項目gruntfile.js、gulpfile.js或package.json中的任務都列在工具窗口中，只需雙擊即可運行任何任務，
還可以為任務創建Run/Debug配置，然後以熟悉的Run…或Debug…操作來運行或調試。
代碼質量工具
除了WebStorm自身的幾百種檢查外，還可以使用ESLint、TSLint、Stylelint、JSHint或JSLint等連接器。當輸入時，WebStorm將根據代碼運行這些東西，並且直接在編輯器中動態、高亮顯示任何問題。
如果要確保符合項目代碼風格（比如：縮進、關鍵字后的空格等等），只需啟用JSCS，這是一個JavaScript代碼風格檢查器。
npm和Bower
通過npm管理Node.js對於WebStorm而言非常簡單。右鍵點擊package.json文件以運行npm安裝命令。如果忘記安裝某個模塊或忘記在package.json中列出它，內置檢查將發出警告。
通過偏好（Preferences）訪問已安裝的本地npm和Bower依賴項的完整列表，可以在偏好安裝和更新npm模塊和客戶端依賴項。
集成PhoneGap、Cordova和Ionic
WebStorm通過以PhoneGap、Apache Cordova和Ionic框架開發的移動應用來促進您的工作流程。可以直接從IDE創建、模擬和部署應用。
TypeScript編譯器
WebStorm可以使用其內置的編譯器，迅速輕鬆地將TypeScript代碼編譯成JavaScript。可以手動或在tsconfig.json文件中指定編譯選項。會在編輯器中動態報告所有編譯錯誤。
Yeoman集成
由於集成了Yeoman，可以直接從IDE歡迎屏幕訪問幾百個項目生成器。新UI將幫助查找和安裝新生成器，並且它們將指導完成新生成器步驟，所有這些操作都無需離開IDE。
VCS
WebStorm以統一的UI處理多種流行的版本控制系統，確保在git、SVN、Mercurial和Perforce之間提供一致的用戶體驗。
任何未提交的變更都會高亮顯示在編輯器左側排水溝和“項目”視圖中。只需點擊兩下即可輕鬆回滾任何變更。
內置的可視化合併工具能夠以快速、直觀的方式解決所有衝突。
處理GitHub時，請簽出您的項目，並且在IDE中生成所有拉取請求。
本地歷史
無論是否使用VCS，本地歷史都真的可以保護代碼。WebStorm跟蹤源文件中的任何變更，保護免受任何意外丟失或修改（即使是由其他應用程序造成的）。可以隨時檢查特定文件或目錄的歷史記錄，並回滾到以前的任何版本。
定製
該IDE定製化程度非常高。將其調整為完全適合您的編程風格，從快捷鍵和視覺主題到工具窗口和編輯器布局。
WebStorm提供明暗外觀供您選擇。可以在偏好（Preferences）中為每種語言設置配色方案，或者從網際網路上找一個熱門主題來用。
內置終端
如果要運行命令或命令行工具，不用離開IDE—使用WebStorm的內置本地終端，可選擇將其設置為shell。
插件生態系統
如果決定藉助對新框架、集成工具和其他生產力功能的支持來豐富WebStorm，IDE插件庫中提供了數十種插件。
智能的代碼補全
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(項目中)。
代碼補全包含了所有流行的庫，比如：JQuery,YUI,Dojo,Prototype,Mootools and Bindows。
代碼格式化
代碼不僅可以格式化，而且所有規則都可以自己來定義。
html提示
大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html裡面還能有js提示。
聯想查詢
代碼導航和用法查詢
代碼重構
這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變數/函數、內聯變數/函數、移動/複製、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方，並給出修改意見，快速修復。
代碼調試
支持代碼調試，界面和IDEA相似，非常方便。
代碼結構瀏覽
可以快速瀏覽和定位。
代碼摺疊
功能雖小，不過勝在方便高效。
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼，一鍵搞定。
版本編號：WebStorm7 Released
提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時獲得對HTML5文件的支持，例如開發者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。此外還可以檢驗和快速修復，Zen編碼，以及顯示內容、顯示應用的風格等HTML5特性。
WebStorm 8.0新增功能
——支持AngularJS
對流行框架提供高級支持。智能提示AngularJS指令（包括自定義指令），controller和application names以及花括弧裡邊的數據綁定。
——支持Spy-js
JavaScript追蹤變得簡單。通過Spy-js你可以看到觸發代碼執行的事件的完整列表，然後幫你整理堆棧跟蹤事件，並在源代碼中突出顯示。
——支持多個插入符和選擇
現在WebStorm允許你把插入符放到多個位置，在這些位置你可以同時編輯代碼，輕鬆地完成編輯和更換。
——內置Grunt控制台
通過Grunt控制台可以列出並定義grunt任務的完整列表，雙擊可執行。
——集成Bower
集成Bower包管理器后，你可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架。
——JavaScript模塊化
完善了對RequireJS和AMD的支持程度，基於requirejs.config實現了源碼導航功能。並改善了對Harmony module loader的支持。
——Live控制台
在控制台中的JavaScript和Node.js的調試工具窗口現在可以作為一個shell提示符，並允許您執行命令和JavaScript代碼。
——新增CucumberJS支持
WebStorm現在了解CucumberJS的語法，可以幫助您生成代碼步驟定義。您可以在一個單一的點擊開始測試，看到一個不錯的結構化格式的測試結果，並輕鬆導航到測試源。
一如既往，以上涉及的所有改進也適用於IntelliJ IDEA、PhpStorm、RubyMine、PyCharm和AppCode。
Windows
● 64位Microsoft Windows10、8
● 最少2GB RAM，推薦8GB RAM
● 2.5GB硬碟空間，推薦SSD
● 最低屏幕解析度1024x768
● macOS10.13或更高版本
● 最少2GB RAM，推薦8GB RAM
● 2.5GB硬碟空間，推薦SSD
● 最低屏幕解析度1024x768
Linux
● GNOME或KDE桌面版
● 最少2GB RAM，推薦8GB RAM
● 2.5GB硬碟空間，推薦SSD
● 最低屏幕解析度1024x768
基本信息
- 中文名
- 網路風暴
- 外文名
- Webstorm
- 運行系統
- Winxp、vista、win7、win8/2000/2003
- 支持語言
- 英文
- 發行商
- jetbrains公司
- 使用類型
- JavaScript開發工具
- 名譽1
- Web前端開發神器
- 拼音
- wang luo feng bao
- 名譽3
- 最智能的JavaScript IDE
- 名譽2
- 最強大的HTML5編輯器
- 軟體平台
- Windows、Linux、MacOS
- 最新更新時間
- 2020年11月30日
- 軟體版本
- 2020.3