起點(diǎn)提供webstorm10下載，webstorm10是一款效率極高的JavaScript開發(fā)工具。軟件功能強(qiáng)大，擁有即時(shí)編輯、自動(dòng)完成debugger、代碼快速編輯等功能，還能高效準(zhǔn)確地智能感知Angular語(yǔ)法和指令，因此能夠大大提高網(wǎng)頁(yè)前端工程師的工作效率。

【軟件特點(diǎn)】

1. 自帶的版本控制，這功能挽救了我好多次了。
2. 優(yōu)秀的代碼定位能力，能輕松將光標(biāo)定位到變量/屬性/方法的定義處，對(duì)閱讀代碼非常有用。
3. 聰明的代碼聯(lián)想、格式化功能。
4. 可定制的code template， 加強(qiáng)版的zen coding，而且不僅限于html和css。
5. svn、git 等版本工具的支持，內(nèi)置的 gist 非常方便。
6. nodejs 最好的開發(fā)工具，沒(méi)有之一。只要你會(huì)用 chrome 調(diào)試瀏覽器器端的 js，那么你就會(huì)用 webstorm 調(diào)試 nodejs。
7. 預(yù)處理語(yǔ)言的支持，使less、sass、cofeescript 等等語(yǔ)言的自動(dòng)編譯變得很簡(jiǎn)單。
8. remote host和live edit的組合使用，讓你直接編輯遠(yuǎn)程文件并實(shí)時(shí)刷新，
一下省去了你這么多步驟：保存本地文件， 上傳本地文件到遠(yuǎn)程服務(wù)器， 刷新瀏覽器。

【功能介紹】

瀏覽器支持細(xì)節(jié)提示
關(guān)鍵字，標(biāo)簽，變量，參數(shù)和功能的javascript代碼完成是基于支持DOM的流行的瀏覽器（IE，火狐等）標(biāo)準(zhǔn)，可以顯示在不同瀏覽器之下的支持細(xì)節(jié)。



智能的代碼導(dǎo)航和搜索提示





ECMAScript的Harmony支持
WebStorm支持最新的ECMAScript版本，你可以嘗試新的功能，
每個(gè)javascript引擎的實(shí)現(xiàn)增加了別人所不具備的一些不錯(cuò)的功能，
當(dāng)您使用的目前選定的javascript版本不支持，WebStorm將通知您，并建議速戰(zhàn)速?zèng)Q：



支持CoffeeScript
CoffeeScript是一種編程語(yǔ)言，編譯javascript和增強(qiáng)其簡(jiǎn)潔性和可讀性，
同時(shí)還增加了一些復(fù)雜的功能，像陣列的理解和模式匹配。WebStorm提供您：
1.代碼導(dǎo)航和完成
2.重命名重構(gòu)
3.語(yǔ)法高亮
4.錯(cuò)誤檢查
5.查找使用實(shí)例



支持Node.js
WebStorm允許你調(diào)試和驗(yàn)證您的服務(wù)器端javascript - Node.js的應(yīng)用。



編輯CommonJS的模塊結(jié)構(gòu)，并提出適當(dāng)?shù)淖詣?dòng)完成選項(xiàng)：



javascript的重構(gòu)
為javascript提供的重構(gòu)功能，讓您可以輕松地修改代碼結(jié)構(gòu)，以及撤消修改。
1.移動(dòng)/復(fù)制
2.安全刪除
3.提取到嵌入的腳本文件
4.重命名
5.提取變量/函數(shù)
6.內(nèi)聯(lián)變量/函數(shù)
javascript單元測(cè)試
如果你是一個(gè)javascript開發(fā)人員，你可能知道，您的應(yīng)用程序的質(zhì)量和正確性是至關(guān)重要的。
那么，一致性測(cè)試和回歸測(cè)試正好是你的痛苦少一點(diǎn)。支持JsTestDriver插件。





WebStorm為單元測(cè)試提供了一個(gè)清晰的畫面。從現(xiàn)在開始，JsTestDriver用戶可以測(cè)量代碼覆蓋率。
在IDE線行使你的單元測(cè)試：



你還可以看到文件和目錄在項(xiàng)目視圖的測(cè)試覆蓋率統(tǒng)計(jì)：



代碼檢查和快速修復(fù)
為了確保更好的代碼質(zhì)量，WebStorm可以捕捉動(dòng)態(tài)的javascript代碼中的常見錯(cuò)誤…



并為他們提供了快速修復(fù)。


支持JSLint / JSHint
javascript代碼質(zhì)量工具集成在IDE中。



基于Mozilla Firefox的javascript調(diào)試器
1.HTML和javascript斷點(diǎn)
2.定制斷點(diǎn)屬性：暫停模式，條件，通過(guò)計(jì)數(shù)
3.幀，變量和javascript調(diào)試器
4.javascript表達(dá)式的運(yùn)行評(píng)價(jià)



批量代碼分析
無(wú)需通過(guò)點(diǎn)擊所有文件或部署到服務(wù)器。整個(gè)源代碼樹的啟動(dòng)代碼分析，可以在一個(gè)單一的視圖中看到所有的結(jié)果。



語(yǔ)言混合編輯
支持任何代碼中的“外部”和“內(nèi)部”的語(yǔ)言 - 享受以外的javascript代碼塊，或在javascript字符串文字編碼的CSS，HTML，SQL等。



拼寫檢查
集成拼寫檢查驗(yàn)證在標(biāo)簽的文本，代碼串，評(píng)論，以避免您的網(wǎng)頁(yè)上的拼寫錯(cuò)誤和錯(cuò)別字。以確保代碼的可讀性更好，甚至變量名，CSS類和ID拼寫檢查。



智能重復(fù)代碼檢測(cè)



支持HTML5



WebStorm也明白你的代碼和每個(gè)元素的類型，并顯示新的HTML5元素支持的方法：



只需按Ctrl +空格，WebStorm會(huì)顯示所有可能的自動(dòng)完成選項(xiàng)。
驗(yàn)證和快速修復(fù)
WebStorm可以修復(fù)檢測(cè)下列問(wèn)題，并給你更合理的建議建議：
1.無(wú)效的CSS選擇器的格式
2.無(wú)效的CSS屬性
3.未使用的CSS類定義
4.無(wú)效的本地錨和更多…
5.缺少必需的屬性
6.無(wú)效的屬性或非法值
7.錯(cuò)誤的引用文件中的鏈接
8.重復(fù)的屬性



每當(dāng)你看到一個(gè)燈泡，打ALT +回車，看看WebStorm有什么建議：


WebStorm支持最流行的版本控制系統(tǒng)：
1.Subversion
2.Mercurial
3.Git
4.Perforce
5.CVS
6.TFS
至此，我們已經(jīng)大概了解WebStorm提供的一些最令人興奮的功能。但這些只是冰山的一角。如果想有更多體驗(yàn)，不放自己下載一試。

【使用方法】

軟件的安裝方法十分簡(jiǎn)單，改一下安裝目錄，其他一直下一步就可以了。

但是軟件的默認(rèn)字體小了點(diǎn)，色彩有些不大習(xí)慣，所以最好要配置下。

1
首先打開webstorm，點(diǎn)擊webstorm下的Preferences..，進(jìn)入到配置頁(yè)面。



2
下拉左邊欄找到Editor，點(diǎn)開它，里面有Colors&Fonts，F(xiàn)onts就是設(shè)置字體。



3
點(diǎn)擊Fonts，在如下畫面上點(diǎn)擊saveas，不然下面的都是置灰的，改不了，因?yàn)槎际悄J(rèn)的方案，saveas一個(gè)自己的方案。



4
會(huì)彈出如下對(duì)話框，填上名字就可以了，



5
然后下面的就變亮了，可以修改了，有字體也有字號(hào)





END
配置色彩
1
選擇Fonts下的General，改一些能用的色彩，



2
我們這里以改默認(rèn)文本Defaulttext的背景為例，勾選Background，點(diǎn)擊后面的色彩塊，彈出色彩選擇，改為保眼色（199，237，204），還可以改其他默認(rèn)。



3
nodejs是javaScript代碼，我們以它為例，往下拉找到j(luò)avaScript并選擇。



4
我們改下Globalfunction的顏色，選擇Globalfunction，勾選Foreground，就是字體色，點(diǎn)開跟第2步一樣選擇顏色值就可以了。 


 
5
其他語(yǔ)言也一樣，這里還有一個(gè)LanguageDefaults，是設(shè)置默認(rèn)語(yǔ)言的色彩配置，下面語(yǔ)言也沒(méi)單獨(dú)設(shè)置的就都是用這個(gè)。