WebStorm 2017是一款專業的 Java 開發軟件，涵蓋了代碼編輯、調試、版本控制等開發全流程所需功能。在代碼編輯方面，它具備智能代碼補全功能，能夠根據開發者輸入的代碼片段，自動匹配并推薦合適的代碼補全選項，大幅提升編碼效率；同時，支持代碼語法檢查，可實時標記出代碼中的語法錯誤和潛在問題，并提供詳細的錯誤提示與修復建議，幫助開發者及時糾正代碼錯誤。在調試環節開發者能夠輕松設置斷點、查看變量值、單步執行代碼，精準定位程序中的邏輯錯誤和性能瓶頸。該軟件對版本控制系統如 Git、SVN 等提供了良好的支持，開發者可以直接在軟件界面中進行代碼提交、拉取、合并等操作，方便團隊協作開發。各個功能模塊布局合理，新用戶能夠快速熟悉軟件操作流程。

【功能介紹】

　　1、智能的代碼補全

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

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

　　2、代碼格式化

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

　　3、html提示

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

　　4、聯想查詢

　　只需要按著Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義；可以全代碼導航和用法查詢

　　項目查找函數或者變量，還可以查找使用并高亮。

　　5、代碼重構

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

　　6、代碼檢查和快速修復

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

　　7、代碼調試

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

　　8、代碼結構瀏覽

　　可以快速瀏覽和定位

　　9、代碼折疊

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

　　10、包裹或者去掉外圍代碼

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

　　支持Vue.js

　　自動導入React組件

　　Angular語言服務

　　集成 Jest

　　更好的測試體驗

【怎么運行代碼】

　　1、在WebStorm中打開需要運行的工程；

　　2、在需要運行的文件上，右鍵單擊；

　　3、在彈出的菜單中，點擊“Run ‘readwords.js’”；

　　4、點擊后，結果如下：

　　5、在WebStorm中查看函數的源代碼/詳細信息的方法：ctrl+shift+i。

【怎么改字體大小】

　　1、Ctrl+滾動滑輪調整字體大小

　　File--->Settings(Ctrl+Alt+s)--->Editor--->General--->Change font size(Zoom)……前面的方框打對勾。如下圖

　　點擊ok即可。

　　在編輯代碼頁面Ctrl+滾動滑輪即可調整字體大小。

　　2、通過改變size來調整字體大小

　　File--->Settings(Ctrl+Alt+s)--->Editor--->Font--->Size。如下圖：

　　點擊Apply適用字體大小是否合適，不合適在做調整，合適直接ok即可。如果此時代碼并沒有變大或者變小，新建一個html頁面，試著調整大小，就好了（我的就是這種情況）。

【怎么創建項目】

　　1、打開WebStorm-->File-->Project；

　　2、出現new project彈出框；

　　3、選擇HTML5 Boilerpalte(選擇HTML5 樣板)；

　　4、修改對應的名字和Version，我輸入h5_test01,version 6.0.0；