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

【功能介紹】

　　1、智能的代碼補(bǔ)全

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

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

　　2、代碼格式化

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

　　3、html提示

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

　　4、聯(lián)想查詢

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

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

　　5、代碼重構(gòu)

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

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

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

　　7、代碼調(diào)試

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

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

　　可以快速瀏覽和定位

　　9、代碼折疊

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

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

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

　　支持Vue.js

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

　　Angular語言服務(wù)

　　集成 Jest

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

【怎么運(yùn)行代碼】

　　1、在WebStorm中打開需要運(yùn)行的工程；

　　2、在需要運(yùn)行的文件上，右鍵單擊；

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

　　4、點(diǎn)擊后，結(jié)果如下：

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

【怎么改字體大小】

　　1、Ctrl+滾動滑輪調(diào)整字體大小

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

　　點(diǎn)擊ok即可。

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

　　2、通過改變size來調(diào)整字體大小

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

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

【怎么創(chuàng)建項(xiàng)目】

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

　　2、出現(xiàn)new project彈出框；

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

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