Web前端開發利器WebStorm 2019 for mac中文版（測評）

時間 2020-01-26

標籤 web 前端開發利器 webstorm mac 中文版測評欄目 HTML 简体版

原文原文鏈接

簡介

webstorm 2019 可用於建立各類網站和應用程序。mac版WebStorm是基於IntelliJ IDEA的JavaScript，CSS和HTML的強大而靈活的IDE，它帶有預裝的JavaScript插件，自動代碼完成，動態代碼分析，重構支持以及VCS集成。最重要的是webstorm 2019 破解版下載爲大多數版本控制系統提供支持，例如Git，github Mercurial，Perforce，Subversion和SVN。雖然本地歷史記錄可確保您的文件安全無虞，但不管您在哪裏保存代碼，統一的UI均可以讓您專一於您的工做。
html

mac版WebStorm軟件功能

1.JavaScript和TypeScriptnode

新的檢查工具提示新的檢查工具提示如今不只顯示錯誤或警告的描述，並且還顯示最佳的快速修復。按Alt-Shift-Enter應用它或按Alt-Enter 查看WebStorm在那裏提供的可用自動修復的完整列表。git

查找未使用的代碼使用新的代碼覆蓋功能，您能夠在客戶端應用中找到任何未使用的代碼。在WebStorm中啓動覆蓋範圍的JavaScript調試配置，在Chrome中與您的應用進行交互，而後中止配置。該報告將顯示每一個文件和文件夾中使用的代碼和數量。github

新意圖爲了在使用JavaScript和TypeScript時提升工做效率，WebStorm 在按Alt-Enter時有許多新意圖。這裏只是其中的一些：實現接口，建立派生類，實現一個接口或抽象類的成員，生成的「開關」的狀況下，並用「for..of」迭代。web

TypeScript改進WebStorm如今支持最新的TypeScript 2.9和即將發佈的TypeScript 3.0版本中添加的全部新語言功能。除此以外，WebStorm如今提供了更多由TypeScript語言服務自己提供的快速修復，例如來自JSDoc的Annotate類型。json

2.構架安全

提取並轉換React組件須要將React組件重構爲兩個？忘記複製和粘貼：在render方法中選擇JSX代碼並使用Refactor - Extract Component。有了新的意圖，您如今能夠將React類組件轉換爲功能組件，而後再返回。異步

與Angular CLI的新集成使用New ... |爲您的應用添加功能角度依賴......行動。IDE將使用Angular CLI ng add命令安裝依賴項並使用特殊安裝腳本更新應用程序。您如今還可使用庫中定義的Angular示意圖生成代碼，例如 @angular/material使用New ... | 角度示意圖...行動。webstorm

完成Vue.js中的活動在Vue模板中，WebStorm如今爲事件提供代碼完成。在v-on:使用簡寫表示法以後或以後建議使用事件名稱@event。還有事件修飾符的代碼完成。編輯器

3.測試

從新運行測試失敗當您在WebStorm中使用Karma，Jest或 mocha運行測試時，您如今能夠僅從新運行失敗的測試，而不是在您進行修復後運行全部測試。

Jest快照的差別視圖若是您的Jest測試因爲快照不匹配而失敗，您如今能夠看到爲何使用熟悉的IDE 並排差別視圖。如今，經過單擊編輯器中測試旁邊的新圖標，能夠快速從測試文件跳轉到相關快照。

4.工具

在WSL上支持Node.js.您如今能夠在Windows Subsystem for Linux上使用Node.js來運行和調試 WebStorm中的Node.js應用程序以及IDE中的全部其餘開發任務，例如運行測試，使用linters和構建工具。

從新鏈接Node.js調試器因爲Attach to Node.js / Chrome 調試配置中新的自動從新鏈接選項，如今能夠更輕鬆地調試使用nodemon的Node.js應用程序。在更改後從新加載節點進程時，您無需自行從新啓動調試器以繼續調試。

全球文件觀察者您如今能夠將已配置的文件監視器存儲在IDE設置中，並在不一樣的項目中使用它們。之前，只能爲特定項目配置文件監視器。使用文件監視器，您能夠在IDE中更改或保存文件時自動運行命令行工具。

工具特點

JavaScript和TypeScript

JavaScript中的自動導入
在JavaScript文件中，WebStorm如今不只能夠自動爲項目中定義的符號添加導入，還能夠爲項目依賴項中的符號添加導入。只要庫具備做爲ES模塊或TypeScript類型定義文件編寫的源，這就能夠工做。

參數提示
如今，JavaScript文件中提供了參數提示。它們顯示方法和函數中的參數名稱，使您的代碼更易於閱讀。

多線待辦事項
您如今能夠添加多行Todo註釋：鍵入todo或fixme而後在下一行添加額外的縮進以繼續todo。

覆蓋方法
當你重寫的方法從父類或接口，並從完成建議選擇它，IDE會自動將參數，super()調用和類型的信息。

使用箭頭功能轉換爲變量
新意圖（Alt-Enter）有助於將函數轉換爲包含箭頭函數的變量，或將類方法轉換爲字段。

更好'null'和'undefined'檢查
WebStorm如今能夠更好地檢測什麼時候會出現TypeError的狀況，由於在一個undefined或多個值上調用了一個方法 null，或者它被傳遞給一個函數，或者使用了它的屬性。

構架

改進角度支撐
WebStorm如今能夠更好地幫助您編輯Angular模板。Сode完成和轉到變量，管道和異步管道的定義，以及模板引用變量如今更加準確。總共有超過50個已知問題已在Angular和AngularJS支持中獲得修復。

Node.js API
Node.js API的參數信息和文檔如今更加詳細，由於它們使用來自node.d.ts的數據。若是要查看方法的實際實現，轉到定義仍將帶您到Node.js源。

Vuetify支持
WebStorm如今爲Vuetify 1.1或更高版本的組件提供代碼完成。

反應改進
在React應用程序中，代碼完成如今建議全部組件生命週期方法。在未解決的可變檢查如今警告你的多是不肯定的成分。

HTML和樣式表

HTML的輔助功能檢查
爲了幫助您編寫更易於訪問的HTML代碼，WebStorm添加了基於Web內容可訪問性指南（WCAG）建議的新檢查。這些檢查涵蓋了大約十幾種技術，並在您按Alt-Enter時建議有用的快速修復。

移動並提取規則集
使用新的「提取」規則集操做（按Alt-Enter時可用），能夠快速將CSS聲明從一個規則集提取到新的更具體的規則集。而移動重構能夠幫助你從一個CSS，SCSS，薩斯，減，或手寫筆的文件移動到另外一個整個規則集。

新的CSS代碼樣式選項
CSS，SCSS，Sass，Less和Stylus的代碼樣式如今具備使用空行的配置。此外，您如今能夠按字母順序或按某種自定義順序對塊內的CSS屬性進行排序。

刪除標籤
HTML和JSX標記的Unwrap / Remove操做（可經過Alt-Enter或 Shift-Cmd-Backspace / Ctrl-Shift-Delete得到）如今自動更新縮進。

測試

更輕鬆地進行測試導航
該結構視圖如今顯示的測試名稱的文件和套房。開始鍵入測試名稱以過濾列表，而後快速跳轉到文件中所需的名稱。對於失敗的測試，雙擊測試工具窗口中的測試名稱（或跳轉到源）以轉到失敗行（若是它在堆棧跟蹤中指定）。

工具

支持Node.js工做線程
WebStorm如今爲工做線程的API 提供代碼完成，並容許您調試工做程序 - 使用Node.js 10.12或更高版本以及 --experimental-worker標誌。您將知道斷點被擊中的線程。您還能夠在線程之間切換以查看調用堆棧和變量。

在package.json中完成
對於package.json文件中的依賴項，WebStorm如今提供最新版本以及以前版本的建議。

運行量角器測試
使用Protractor測試旁邊的編輯器裝訂線圖標來運行或調試單個測試或套件。

實時編輯
實時編輯功能如今無需Chrome擴展程序便可使用。

ESLint和TSLint具備更大的靈活性
WebStorm在編輯器中以及在提交以前檢查代碼時使用linter配置文件中的嚴重性級別。如今，您能夠在IDE中覆蓋這些嚴重性級別，並將linter中的全部問題都視爲錯誤或警告。對於TSLint錯誤，請按Alt-Enter，而後按右箭頭鍵添加註釋以禁止顯示規則。