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

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

軟件簡(jiǎn)介：

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

軟件優(yōu)勢(shì)：

智能的代碼補(bǔ)全

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

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

代碼重構(gòu)

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

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

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

代碼調(diào)試

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

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

可以快速瀏覽和定位

代碼格式化

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

html提示

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

聯(lián)想查詢

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

代碼折疊

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

包裹或者去掉外圍代碼

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

新版本功能：

更快的啟動(dòng)

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

Vue.js的更高級(jí)的代碼完成

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

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

Vue.js項(xiàng)目中的快速文檔

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

支持流行技術(shù)的最新版本

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

在React組件中更好地支持props

對(duì)于沒有propTypes組件，WebStorm將不再報(bào)告未解決的財(cái)產(chǎn)用于 props.something在組件定義，如果它看到道具的組件使用通過。

模板語言注入

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

新符號(hào)的名稱建議

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

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

CDN上CSS庫的完成

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

重新設(shè)計(jì)的用于克隆項(xiàng)目的UI

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

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

從任何分支推送更改

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

更加簡(jiǎn)化的提交過程

現(xiàn)在，您可以直接在“ 版本控制”工具窗口中進(jìn)行提交 -一個(gè)單獨(dú)的對(duì)話框不會(huì)阻止其余的IDE。為此，請(qǐng)?jiān)凇氨镜馗�改”中勾選“ 提交”，而不 在“首選項(xiàng)/設(shè)置” |“設(shè)置”中顯示對(duì)話框。版本控制| 提交對(duì)話框。

檢出分支機(jī)構(gòu)的新動(dòng)作

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

正在運(yùn)行的工具和配置的新動(dòng)作

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

僅在選擇中搜索

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

取消Dart支持

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

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

如果您對(duì)項(xiàng)目使用諸如Prettier之類的第三方工具，并通過文件監(jiān)視程序?qū)ζ溥M(jìn)行配置，則可能希望將此配置自動(dòng)應(yīng)用于您創(chuàng)建的所有新項(xiàng)目�，F(xiàn)在，您可以通過默認(rèn)啟用全局文件監(jiān)視程序來實(shí)現(xiàn)此目的。