軟件介紹

webstorm是一款功能十分強(qiáng)大的前端開發(fā)軟件，被絕大多數(shù)程序員所使用。webstorm基于DOM，利用如今非常流行的JavaScript的全部功能，能夠智能化地完成代碼輸入，自動檢測錯誤。該版本對js、typescript和css更加完美支持，進(jìn)行了優(yōu)化，大大地提高了作業(yè)效率。

軟件特色

【智能的代碼補(bǔ)全】
支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項目中)
代碼補(bǔ)全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
【代碼格式化】
代碼不僅可以格式化，而且所有規(guī)則都可以自己來定義。
【智能代碼提示】
大家經(jīng)常在js代碼中編寫html代碼，只需要js的開頭就能出現(xiàn)一串下拉列表供用戶選擇。
【聯(lián)想查詢】
只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全項目查找函數(shù)或者變量，還可以查找使用并高亮。
【代碼重構(gòu)】
這個操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動/復(fù)制、安全刪除等等。
【代碼檢查和快速修復(fù)】
可以快速找到代碼中的錯誤或者需要優(yōu)化的地方，并給出修改意見，快速修復(fù)。
【代碼調(diào)試】
支持代碼調(diào)試，界面和IDEA相似，非常方便。
【代碼結(jié)構(gòu)瀏覽】
可以快速瀏覽和定位
【代碼折疊】
功能雖小，不過勝在方便高效
【包裹或者去掉外圍代碼】
自動提示包裹或者去掉外圍代碼，一鍵搞定

軟件功能

【智能編碼輔助】
WebStorm為您提供JavaScript和編譯到JavaScript語言，Node.js，HTML和CSS的智能編碼幫助。享受代碼完成，強(qiáng)大的導(dǎo)航功能，動態(tài)錯誤檢測以及所有這些語言的重構(gòu)。
【調(diào)試，跟蹤和測試】
WebStorm提供了強(qiáng)大的內(nèi)置工具，用于調(diào)試，測試和跟蹤客戶端和Node.js應(yīng)用程序。通過最少的配置和周到的IDE集成，使用WebStorm可以更輕松地完成這些任務(wù)。
【無縫工具集成】
WebStorm與用于Web開發(fā)的流行命令行工具集成，無需使用命令行即??可為您提供高效，簡化的開發(fā)體驗(yàn)。
【IDE功能】
WebStorm建立在開源IntelliJ平臺之上，我們JetBrains已經(jīng)開發(fā)和完善了超過15年。享受其提供的微調(diào)但高度可定制的體驗(yàn)，以適應(yīng)您的開發(fā)工作流程。

webstorm運(yùn)行卡頓

方法一：webstorm安裝主目錄>bin>WebStorm.exe.vmoptions，修改，第二行：-Xms526m，第三行：-Xmx1024m（-Xms最大值不能超過1024，否則webstorm將無法打開），重啟即可。
方法二：webstorm打開后底部總是出現(xiàn)一個不停運(yùn)行的進(jìn)程，顯示scanning files to index，排除不希望索引的文件夾即可。找到你想排除的文件夾（主要是node_modulewe文件夾），右鍵選擇 Mark Directory As > Excluded ，重啟即可。

常用快捷鍵

打開軟件設(shè)置：ctrl+alt+s
復(fù)制當(dāng)前行當(dāng)下一行：ctrl+d
刪除當(dāng)前行：ctrl+y | ctrl+x
重新開始一行（光標(biāo)在當(dāng)前行任何位置）：shift+enter
撤銷（返回到上一步）：ctrl+z
取消撤銷（前進(jìn)到最后一次編輯節(jié)點(diǎn)）：ctrl+shift+z
注釋：ctrl+/
代碼向上/向下移動（以行/塊為移動基準(zhǔn)）：ctrl+shift+↑/↓
當(dāng)前文件搜索：ctrl+f
指定文件路徑（全項目下）搜索：ctrl+shift+f
查看本地文件和上次提交成功的改動情況：ctrl+k，該快捷鍵打開的是git的commit界面
選中所有相同的詞語：ctrl+alt+shift+j
選中下一個相同的詞：alt+j
同一個項目的不同文件窗口間切換：ctrl+tab
格式化代碼塊：ctrl+shift+enter
切換標(biāo)簽欄：alt+←，alt+→

安裝方法

1、等待下載webstorm完成并解壓
2、點(diǎn)擊“,exe”開始安裝

3、點(diǎn)擊【Browser】，選擇安裝路徑，之后點(diǎn)擊【Next】

4、選擇【64-bit】，之后選擇【.js】【.css】【.html】，之后點(diǎn)擊【Next】

5、點(diǎn)擊【install】，之后就會進(jìn)行安裝，稍等

6、安裝完成

7、點(diǎn)擊【W(wǎng)ebStrom】，引入個人ID E的設(shè)置的配置文件，沒有點(diǎn)擊OK即可

8、接受隱私政策，選擇【accept】即可

9、激活 激活時選擇License server 填入http://idea.imsxm.com 點(diǎn)擊Active即可。

10、設(shè)置UI主題，選擇IntelliJ或者Darcula

11、下載特色插件，可以先不選

12、開始使用