JavaScript開發(fā)工具(WebStorm)

WebStormJavaScript開發(fā)工具是jetbrains公司旗下一款JavaScript 開發(fā)工具，是被現(xiàn)在前端工程師封神的Web前端開發(fā)神器。這款軟件是JS工程前端開發(fā)是必備軟件之一，只因為它更懂前端er的心。新版本提供了智能感知、改進對 Angular 框架的支持、更新了 CSS 和 HTML 文檔，以及更強大的調試控制臺等。有需要的小伙伴歡迎來西西下載體驗。

軟件簡介：

WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。已經被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

軟件優(yōu)勢：

智能的代碼補全

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

代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

代碼重構

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

代碼檢查和快速修復

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

代碼調試

支持代碼調試，界面和IDEA相似，非常方便。

代碼結構瀏覽

可以快速瀏覽和定位

代碼格式化

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

html提示

大家經常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。

聯(lián)想查詢

只需要按著Ctrl鍵點擊函數(shù)或者變量等，就能直接跳轉到定義；可以全項目查找函數(shù)或者變量，還可以查找使用并高亮。

代碼折疊

功能雖小，不過勝在方便高效

包裹或者去掉外圍代碼

自動提示包裹或者去掉外圍代碼，一鍵搞定

新版本功能：

更快的啟動

到目前為止，WebStorm用戶面臨的最常見的性能問題之一是IDE的啟動緩慢。在最近的兩個發(fā)行周期中，我們付出了很多努力來減少用戶不得不等待顯示歡迎屏幕和IDE打開已經建立索引的項目的時間。結果，您現(xiàn)在可以預期WebStorm可以比以前的版本快20％的速度。

Vue.js的更高級的代碼完成

為了幫助您提高編碼速度，WebStorm現(xiàn)在可以為您自動完成插槽名稱。這適用于項目組件和組件庫（例如Vuetify，Quasar和BootstrapVue）中定義的插槽名稱。

另外，WebStorm現(xiàn)在可以了解位于單獨文件中的組件各部分之間的鏈接，并為未在單個.vue文件中定義的道具，數(shù)據(jù)和方法提供準確的完成建議。

Vue.js項目中的快速文檔

借助WebStorm 2019.3，您現(xiàn)在可以簽出 Vue.js和一些流行的組件庫中定義的組件和指令的文檔。為此，只需在代碼中按組件或指令名稱上的F1鍵即可。

支持流行技術的最新版本

WebStorm 2019.3支持Angular 9的原理圖和Yarn 2的Plug'n'Play功能。另外，它可以幫助您使用TypeScript 3.7的關鍵功能：可選鏈接，無效合并和斷言簽名。

在React組件中更好地支持props

對于沒有propTypes組件，WebStorm將不再報告未解決的財產用于 props.something在組件定義，如果它看到道具的組件使用通過。

模板語言注入

是否需要使用與文件主要語言不同的語言的代碼片段？現(xiàn)在，您可以通過按Alt-Enter 將此類代碼片段注入文件中，包括Pug，Handlebars和EJS。

新符號的名稱建議

在JavaScript或TypeScript文件中添加新的變量和參數(shù)名稱時，現(xiàn)在將根據(jù)項目中定義的類，接口和類型別名，標準庫和所使用的依賴項獲得 名稱建議。

對于新的變量，函數(shù)，類和接口，您還將獲得有關已在同一作用域中使用但尚未定義且標記為未解析的名稱的建議。

CDN上CSS庫的完成

如果您在項目中使用Bootstrap或其他CSS庫，并且已從HTML文件中的CDN鏈接了它，則現(xiàn)在可以從該庫中獲得類名的完成， 而無需將其源添加到項目中。要啟用此功能，只需在HTML文件中的鏈接上按Alt-Enter，然后選擇下載庫。

重新設計的用于克隆項目的UI

從版本控制系統(tǒng)克隆項目時，現(xiàn)在會在歡迎屏幕和VCS菜單上看到更新的“從版本控制獲取”對話框。

有了這次改版，我們主要是想提高從GitHub獲得項目的經驗：你現(xiàn)在可以 登錄到您的GitHub正確的帳戶從更新的對話框。登錄后，您可以瀏覽帳戶 中的存儲庫列表以及您所屬的組織，然后從那里將項目克隆到WebStorm。

從任何分支推送更改

是否需要從一個分支推送更改同時與另一個分支合作？使用最新的更新，您不再需要切換到要從中推送更改的分支，只需從“ 分支”彈出窗口中選擇它， 然后單擊“ 推送”。

更加簡化的提交過程

現(xiàn)在，您可以直接在“ 版本控制”工具窗口中進行提交 -一個單獨的對話框不會阻止其余的IDE。為此，請在“本地更改”中勾選“ 提交”，而不 在“首選項/設置” |“設置”中顯示對話框。版本控制| 提交對話框。

檢出分支機構的新動作

為了解決許多可用性問題，我們用兩個新的Checkout as ...操作替換了一個Checkout as ...操作：遠程分支的統(tǒng)一Checkout 操作和遠程和本地分支的Selected from 的New Branch 操作。

正在運行的工具和配置的新動作

是否需要啟動 npm和Yarn之類的工具，打開最近的項目或啟動運行/調試配置？現(xiàn)在，您可以使用“ 運行任何內容”操作（Ctrl-Ctrl）從一個位置進行所有操作。

僅在選擇中搜索

使用新的“選擇中”過濾器（兩次Cmd / Ctrl-F），可以通過將搜索范圍縮小到文件中選定的代碼部分來更快地查找特定信息。

取消Dart支持

從WebStorm 2019.3開始，將不再捆綁Dart插件。這樣做是為了 縮短發(fā)布周期 –捆綁的插件只能與整個IDE一起更新。因此，如果您使用Dart，則現(xiàn)在需要從“首選項/設置” |“安裝”中安裝相同的Dart插件 。插件。

默認情況下啟用全局文件監(jiān)視程序

如果您對項目使用諸如Prettier之類的第三方工具，并通過文件監(jiān)視程序對其進行配置，則可能希望將此配置自動應用于您創(chuàng)建的所有新項目�，F(xiàn)在，您可以通過默認啟用全局文件監(jiān)視程序來實現(xiàn)此目的。