WebStorm優(yōu)化版

WebStorm優(yōu)化版是一個(gè)非常專業(yè)的JavaScript開發(fā)工具，這個(gè)JavaScript開發(fā)工具可以支持不同瀏覽器的提示，能為用戶提供智能的代碼補(bǔ)全功能，還支持用戶對代碼格式化的規(guī)則進(jìn)行自定義設(shè)置，操作的靈活度非常高，可以滿足用戶多樣化的使用訴求，除此之外，該軟件還能為用戶提供代碼檢查和快速修復(fù)以及代碼調(diào)試、代碼重構(gòu)和代碼導(dǎo)航和用法查詢等功能，更多軟件優(yōu)勢等您下載體驗(yàn)!

WebStorm使用方法

【怎么修改背景顏色】

默認(rèn)的WebStorm的背景色是純白色，這種顏色更容易讓我們引起眼部疲勞。

點(diǎn)擊英文的“文件”→“設(shè)置”

找到并點(diǎn)擊“Colors & Fonts”打開“Editor”，打開“編輯”后，找到“HTML”

打開“編輯”后，找到“HTML”

這時(shí)，查看右側(cè)，找到對應(yīng)的選框，選擇你所喜歡的背景色。

確定背景色后，找到并點(diǎn)擊“Save as”選項(xiàng)，隨意輸入你喜歡的名字。

WebStorm軟件功能：

對工作結(jié)果滿懷信心

IDE 會(huì)在您輸入時(shí)運(yùn)行數(shù)十個(gè)代碼檢查并檢測潛在的問題，助您編寫更可靠和更易于維護(hù)的代碼。只需點(diǎn)擊幾次即可重構(gòu)您的整個(gè)代碼庫，且在實(shí)現(xiàn)較大的結(jié)構(gòu)變更時(shí)不會(huì)遺漏任何內(nèi)容。

享受高效的編碼

得益于 JavaScript 開發(fā)所需的全部功能開箱即用，您可以直接開始編碼。WebStorm 會(huì)為您處理一切常規(guī)工作，讓您更高效并專注于更具創(chuàng)造性的任務(wù)。

減輕處理復(fù)雜任務(wù)的壓力

擔(dān)心使用 Git 時(shí)出現(xiàn)混亂并丟失重要變更?或者跨整個(gè)項(xiàng)目重命名組件時(shí)會(huì)中斷一些內(nèi)容?WebStorm 將簡化這些和其他具有挑戰(zhàn)性的任務(wù)，以便您專注于大局。

WebStorm軟件特色：

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)

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

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

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

7、代碼調(diào)試

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

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

可以快速瀏覽和定位

9、代碼折疊

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

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

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

WebStorm軟件優(yōu)勢：

工具

1、新的調(diào)試器控制臺(tái)：在JavaScript和Node.js調(diào)試工具窗口中使用新的，改進(jìn)的交互式調(diào)試器控制臺(tái)!它現(xiàn)在使用樹視圖顯示對象，它支持使用CSS設(shè)置日志消息樣式并使用console.group()和 對它們進(jìn)行分組console.groupEnd()。您還可以過濾掉任何類型的日志消息。

2、完成npm腳本：將新腳本添加到package.json文件時(shí)，WebStorm現(xiàn)在會(huì)為已安裝的軟件包提供的可用命令提供建議。鍵入后 node，IDE將建議文件夾和文件名。輸入后npm run，您將看到當(dāng)前文件中定義的任務(wù)列表。

3、改進(jìn)了對短絨的支持：webstorm現(xiàn)在可以 在一個(gè)項(xiàng)目中為ESLint和TSLint運(yùn)行多個(gè)進(jìn)程，以確保它們在單個(gè)項(xiàng)目和具有多個(gè)linter配置的項(xiàng)目中正常工作 。

4、支持Docker Compose：如果使用Docker測試Node.js應(yīng)用程序，現(xiàn)在可以使用Docker Compose文件中描述的配置從IDE 輕松運(yùn)行和調(diào)試應(yīng)用程序。

5、依賴項(xiàng)的版本范圍工具提示：在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關(guān)系，看看運(yùn)行的時(shí)候可以安裝什么版本范圍 npm install或yarn install。

IDE

1、新的UI主題：您現(xiàn)在可以在WebStorm中使用新的豐富多彩的UI主題作為插件。選擇 深紫色，灰色和 青色光主題，或創(chuàng)建自己的主題 。

2、最近的位置彈出：在最近的位置彈出(Cmd的移-E / 按Ctrl + Shift + E)是一種新的方式 瀏覽各地的項(xiàng)目。它顯示了最近在編輯器中打開的所有文件和代碼行的列表。您可以開始鍵入以過濾結(jié)果并跳轉(zhuǎn)到您需要的代碼。

3、將項(xiàng)目另存為模板：通過“ 工具”菜單中的新操作“ 另存為模板 ” ，您現(xiàn)在可以使用項(xiàng)目作為在IDE歡迎屏幕上創(chuàng)建新項(xiàng)目的基礎(chǔ)。

4、所選文件類型的軟包裝：您現(xiàn)在可以在編輯器中為特定文件類型啟用軟包裝。為此，請打開“首選項(xiàng)/設(shè)置”| 編輯| 常規(guī)并在軟包裝文件字段中指定文件類型。