WebStorm是一款專業(yè)級的HTML編輯工具,有史以來被中國人譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等眾多稱號。WebStorm 2019款更是進行了革命性的功能變化,有需要的小伙伴歡迎下載。
軟件簡介:
WebStorm2019是一款專業(yè)的HTML編輯工具,是JetBrains2018最細更新的版本,在html5和JavaScript 方面也很出色。可以說是“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”。新版對JavaScript,TypeScript和CSS支持更好,改進了Vue.js的體驗,并為Jest集成增加了新功能。
WebStorm為您提供JavaScript和編譯到JavaScript語言,Node.js,HTML和CSS的智能編碼幫助。享受代碼完成,強大的導(dǎo)航功能,動態(tài)錯誤檢測以及所有這些語言的重構(gòu)。
軟件特點:
支持的主要框架
PhpStorm非常適合與Symfony,Drupal,WordPress,Zend Framework,Laravel,Magento,CakePHP,Yii和其他框架一起使用。
所有PHP工具
編輯器實際上“獲取”您的代碼并深入了解其結(jié)構(gòu),支持現(xiàn)代和遺留項目的所有PHP語言功能。它提供了最佳的代碼完成,重構(gòu),即時錯誤預(yù)防等。
包括前端技術(shù)
充分利用前沿技術(shù),如HTML5,CSS,Sass,Less,Stylus,CoffeeScript,TypeScript,Emmet和JavaScript,并提供重構(gòu),調(diào)試和單元測試。通過Live Edit立即查看瀏覽器中的更改。
內(nèi)置開發(fā)人員工具
由于版本控制系統(tǒng)集成,支持遠程部署,數(shù)據(jù)庫/ SQL,命令行工具,Vagrant,Composer,REST客戶端和許多其他工具,因此可以直接從IDE執(zhí)行許多例行任務(wù)。
PhpStorm = WebStorm + PHP + DB / SQL
WebStorm的所有功能都包含在PhpStorm中,并且在頂部添加了對PHP和數(shù)據(jù)庫/ SQL支持的全面支持。
智能編碼輔助
數(shù)百次檢查負責在您鍵入時驗證代碼,分析整個項目。PHPDoc支持,代碼(重新)編排器和格式化程序,快速修復(fù)程序以及其他功能可幫助您編寫易于維護的簡潔代碼。
智能代碼導(dǎo)航
憑借高效,快速的導(dǎo)航功能,您可以成為代碼庫的主人。IDE了解您想去的地方并立即將您帶到那里。
快速安全的重構(gòu)
使用安全的重命名,移動,刪除,提取方法,內(nèi)聯(lián)變量,推送成員向上/向下拉動成員,更改簽名以及許多其他重構(gòu)來可靠地重構(gòu)代碼。特定語言的重構(gòu)可以幫助您在幾次點擊中執(zhí)行項目范圍的更改,并且可以安全地撤消。
輕松調(diào)試和測試
PhpStorm以其零配置Visual Debugger而聞名,可以非常深入地了解應(yīng)用程序在每個步驟中發(fā)生的情況。它適用于Xdebug和Zend Debugger,可以在本地和遠程使用。還可以使用PHPUnit進行單元測試,使用Behat和Profiler集成進行BDD。
軟件新功能:
一、JavaScript和TypeScript
1、新的檢查工具提示
新的檢查工具提示現(xiàn)在不僅顯示錯誤或警告的描述,而且還顯示最佳的快速修復(fù)。
按Alt-Shift-Enter應(yīng)用它或按Alt-Enter
查看WebStorm在那里提供的可用自動修復(fù)的完整列表。
2、查找未使用的代碼
使用新的代碼覆蓋功能,您可以在客戶端應(yīng)用中找到任何未使用的代碼。在WebStorm中啟動覆蓋范圍的JavaScript調(diào)試配置,在Chrome中與您的應(yīng)用進行交互,然后停止配置。該報告將顯示每個文件和文件夾中使用的代碼和數(shù)量。
3、新意圖
為了在使用JavaScript和TypeScript時提高工作效率,WebStorm
在按Alt-Enter時有許多新意圖。這里只是其中的一些:實現(xiàn)接口,創(chuàng)建派生類,實現(xiàn)一個接口或抽象類的成員,生成的“開關(guān)”的情況下,并用“for..of”迭代。
4、TypeScript改進
webstorm
2018.2現(xiàn)在支持最新的TypeScript 2.9和即將發(fā)布的TypeScript
3.0版本中添加的所有新語言功能。
除此之外,WebStorm現(xiàn)在提供了更多由TypeScript語言服務(wù)本身提供的快速修復(fù),例如來自JSDoc的Annotate類型。
二、構(gòu)架
1、提取并轉(zhuǎn)換React組件
需要將React組件重構(gòu)為兩個?忘記復(fù)制和粘貼:在render方法中選擇JSX代碼并使用Refactor
- Extract Component。有了新的意圖,您現(xiàn)在可以將React類組件轉(zhuǎn)換為功能組件,然后再返回。
2、與Angular
CLI的新集成
使用New ... |為您的應(yīng)用添加功能 角度依賴......行動。IDE將使用Angular CLI ng
add命令安裝依賴項并使用特殊安裝腳本更新應(yīng)用程序。
您現(xiàn)在還可以使用庫中定義的Angular示意圖生成代碼,例如
@angular/material使用New ... |
角度示意圖...行動。
3、完成Vue.js中的活動
在Vue模板中,WebStorm現(xiàn)在為事件提供代碼完成。在v-on:使用簡寫表示法之后或之后建議使用事件名稱@event。還有事件修飾符的代碼完成。
三、測試
1、重新運行測試失敗
當您在WebStorm中使用Karma,Jest或
Mocha運行測試時,您現(xiàn)在可以僅重新運行失敗的測試,而不是在您進行修復(fù)后運行所有測試。
2、Jest快照的差異視圖
如果您的Jest測試由于快照不匹配而失敗,您現(xiàn)在可以看到為什么使用熟悉的IDE
并排差異視圖。
現(xiàn)在,通過單擊編輯器中測試旁邊的新圖標,可以快速從測試文件跳轉(zhuǎn)到相關(guān)快照。
四、工具
1、在WSL上支持Node.js.
您現(xiàn)在可以在Windows Subsystem for
Linux上使用Node.js來運行和調(diào)試
WebStorm中的Node.js應(yīng)用程序以及IDE中的所有其他開發(fā)任務(wù),例如運行測試,使用linters和構(gòu)建工具。
2、重新連接Node.js調(diào)試器
由于Attach
to Node.js / Chrome
調(diào)試配置中新的自動重新連接選項,現(xiàn)在可以更輕松地調(diào)試使用nodemon的Node.js應(yīng)用程序。在更改后重新加載節(jié)點進程時,您無需自行重新啟動調(diào)試器以繼續(xù)調(diào)試。
3、全球文件觀察者
您現(xiàn)在可以將已配置的文件監(jiān)視器存儲在IDE設(shè)置中,并在不同的項目中使用它們。以前,只能為特定項目配置文件監(jiān)視器。使用文件監(jiān)視器,您可以在IDE中更改或保存文件時自動運行命令行工具。
四、其他改進:
1、IDE工具欄和工具窗口上新的更清晰,更簡單的圖標可確?勺x性并減少視覺混亂。
2、運行并調(diào)試您的應(yīng)用程序,提交更改并直接從MacBook上的觸控欄更新項目。
3、用于React開發(fā)的
50多個代碼片段的新集合。
4、WebStorm現(xiàn)在將新的Angular項目編入索引的速度提高了兩倍,但沒有任何妥協(xié)影響代碼完成和解析的質(zhì)量。
5、您現(xiàn)在可以在JavaScript和TypeScript文件中添加用于后綴完成的自定義模板。
6、使用JavaScript和Node.js調(diào)試器中的新Drop框架操作,如果您錯過了想要再次看到的關(guān)鍵位置,則可以重新輸入一個函數(shù)。
7、在帶有斷點的行上按Alt-Enter,并在意圖列表中查看與斷點相關(guān)的操作。
8、對于JSON5支持現(xiàn)在與可用的文件.json5擴展
9、JSON
Schemas文件現(xiàn)在可以從schemastore.org
自動下載,并根據(jù)文件名應(yīng)用于您的文件。
10、您可以登錄多個GitHub帳戶。
11、“修訂”操作中的“新建瀏覽存儲庫”允許您在任何給定的修訂版本中瀏覽項目中的文件,而無需簽出。
系統(tǒng)要求:
macOS 10.8.3或更高
2 GB RAM至少
4 GB RAM建議
1024x768最小屏幕分辨率