WebStorm是一個功能強大的IDE，适用于JavaScript開發，适合使用Node.js進行複雜的用戶端開發和伺服器端開發。
WebStorm具有對JavaScript，HTML， CSS及其現代替代品以及Angular或React等架構的進階支援。
WebStorm內建了各種Web開發工具和版本控制系統。
提供JavaScript，Node.js，ECMAScript 6，TypeScript，CoffeeScript和Dart以及HTML，CSS，Less，Sass和Stylus的編碼幫助。
整個項目的強大導航和進階重構。
支援現代架構：React，Angular，AngularJS，Vue.js，Express等。
用于用戶端代碼和Node.js的内置調試器。
與建構工具（Grunt，Gulp），代碼品質工具（JSHint，JSLint，ESLint，TSLint），測試運作器（Karma，Mocha，Jest，Protractor）和VCS（Git，GitHub，Mercurial，SVN）內建。
安裝和設定WebStorm
JRE 1.8與WebStorm發行版捆綁在一起。您無需在計算機上安裝Java即可運作WebStorm。
https://www.jetbrains.com/webstorm/download/#section=windows
Windows 安裝：
運作您下載下傳的檔案。
自定義快捷方式
要檢視檔案或檔案夾，請選擇VCS | 當地曆史| 在主菜單上顯示曆史記錄。
Ctrl+Shift+A
查找指令并執行它，打開工具視窗或搜尋設定。
Ctrl+E
從清單中選擇最近打開的檔案。
Alt+Enter
改進或優化代碼構造。
快捷方式
按下Ctrl+Shift+A
開箱即用，獨立的WebStorm安裝配置為自動檢查更新。它會在新版本可用時通知您：
idea.config.path
目錄位于：
視窗的主要元素
1.主菜單
2.主工具欄
3.導航欄
4.上下文菜單
5.彈出菜單
檢視| 導航欄
Alt+Home
小程式架構wepy
安裝 wepy 指令行工具。
在開發目錄生成開發DEMO。
切換至項目目錄。
開發實時編譯。
項目目錄結構
官方DEMO代碼：
基于wepy的實作：
支援元件化開發。
支援加載外部NPM包。
app必須有三個檔案app.json，app.js，app.wxss，頁面有4個檔案 index.json，index.js，index.wxml，index.wxss。
預設使用babel編譯
預設開啟使用了一些新的特性如promise，async/await等等。
示例代碼：
針對原生API進行優化。
基于wepy實作代碼：
執行wepy new demo後，會生成類似配置檔案。
程式入口app.wpy
頁面index.wpy
元件com.wpy
元件通信與互動
元件的事件監聽需要寫在events屬性下，如：
<code>$broadcast</code>事件是由父元件發起，所有子元件都會收到此廣播事件，除非事件被手動取消。
1、父元件可以使用 props 把資料傳給子元件。
2、子元件可以使用 $emit 觸發父元件的自定義事件。