軟件介紹

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

軟件特色

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

軟件功能

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

webstorm運行卡頓

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

常用快捷鍵

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

安裝方法

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

3、點擊【Browser】，選擇安裝路徑，之后點擊【Next】

4、選擇【64-bit】，之后選擇【.js】【.css】【.html】，之后點擊【Next】

5、點擊【install】，之后就會進行安裝，稍等

6、安裝完成

7、點擊【WebStrom】，引入個人ID E的設置的配置文件，沒有點擊OK即可

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

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

10、設置UI主題，選擇IntelliJ或者Darcula

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

12、開始使用