webstorm2017是一款前端開發(fā)神器，功能強(qiáng)大。被譽(yù)為“最強(qiáng)大的HTML5編輯器”、“最智能的javascript IDE”。綠色資源網(wǎng)提供的是2017最新中文。歡迎需要的用戶來下載使用。

webstorm2017漢化介紹

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

webstorm2017中文功能

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

可以快速瀏覽和定位

代碼折疊

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

包裹或者去掉外圍代碼

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

智能的代碼補(bǔ)全

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

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

代碼格式化

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

html提示

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

聯(lián)想查詢

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全代碼導(dǎo)航和用法查詢

項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮。

代碼重構(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相似，非常方便。

webstorm2017更新

增加了對(duì)Vue.js和Jest等令人興奮的技術(shù)支持，為代碼風(fēng)格帶來了更多的靈活性，改進(jìn)了React和Angular支持等等：

支持Vue.js

自動(dòng)導(dǎo)入React組件

Angular語言服務(wù)

集成 Jest

更好的測(cè)試體驗(yàn)

更優(yōu)測(cè)試體驗(yàn)

現(xiàn)在，使用新的運(yùn)行圖標(biāo)在 gutter 上運(yùn)行 Mocha 測(cè)試更容易。 單擊測(cè)試或套裝名稱旁邊的圖標(biāo)，然后選擇運(yùn)行或調(diào)試。

運(yùn)行測(cè)試后，圖標(biāo)將顯示其狀態(tài) - 綠色圓圈表示通過的測(cè)試，紅色表示失敗的測(cè)試。 運(yùn)行和調(diào)試操作將仍然可以點(diǎn)擊。

您還可以對(duì)更改自動(dòng)重新運(yùn)行測(cè)試。 為此，請(qǐng)單擊測(cè)試工具窗口左側(cè)的切換自動(dòng)測(cè)試圖標(biāo)。 您將在編輯器中看到它們的狀態(tài)如何變化，即使您以前隱藏了工具窗口。 這將適用于 Mocha 和 Karma。

不要忘記，您也可以使用快捷方式運(yùn)行 Mocha 測(cè)試：將光標(biāo)放在測(cè)試或套裝名稱上，然后在 MacOS 上按 Ctrl-Shift-R，在 Windows 和 Linux 上按 Ctrl + Shift + F10。

新的 Go to 測(cè)試操作（在 MacOS 上使用 Shift-Cmd-T 或在 Windows 和 Linux 上使用 Ctrl + Shift + T）可以快速?gòu)奈募?dǎo)航到遵循常用命名約定的相關(guān)測(cè)試文件，例如 有 .test。，.spec。 或 _spec 后綴，并位于文件旁邊或測(cè)試文件夾中。

與 Angular 語言服務(wù)集成

WebStorm 添加了 Angular 語言服務(wù)的集成，Angular 語言服務(wù)由 Angular 團(tuán)隊(duì)開發(fā)，用于改進(jìn) Angular-TypeScript 項(xiàng)目的代碼分析和完成。

要啟用服務(wù)，首先，在項(xiàng)目根目錄中運(yùn)行以下命令：

npm install @ angular / language-service --save-dev

注意：由于服務(wù)的一些限制，請(qǐng)與 Angular 2.3.1 或更高版本及 TypeScript 2.0.10 一起使用。

WebStorm 將與 TypeScript 服務(wù)一起啟動(dòng)服務(wù)。 您將在 TypeScript 和 HTML 文件中看到所有錯(cuò)誤和警告，不僅在編輯器中，而且在 TypeScript 工具窗口中。