WebStorm

WebStorm官方版

WebStorm官方版是款編程人員經常使用的JavaScript開發工具。WebStorm中擁有非常智能的代碼補全、html提示、代碼檢查、代碼格式化、快速修復等的編譯功能。WebStorm還可以支持強大的導航功能，動態錯誤檢測以及所有這些語言的重構。PC下載網提供WebStorm軟件的下載服務，下載WebStorm軟件其他版本，歡迎來PC下載網!

WebStorm軟件功能

      1、智能的代碼補全

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

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

      2、代碼格式化

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

      3、html提示

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

      4、聯想查詢

      只需要按著Ctrl鍵點擊函數或者變量等，就能直接跳轉到定義;可以全代碼導航和用法查詢

      項目查找函數或者變量，還可以查找使用并高亮。

      5、代碼重構

      這個操作有些像Resharper，熟悉Resharper的用戶應該上手很快，支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等。

      6、代碼檢查和快速修復

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

      7、代碼調試

      支持代碼調試，界面和IDEA相似，非常方便。

      8、代碼結構瀏覽

      可以快速瀏覽和定位

      9、代碼折疊

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

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

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

WebStorm軟件特色

      工具

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

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

      3、改進了對短絨的支持：webstorm現在可以 在一個項目中為ESLint和TSLint運行多個進程，以確保它們在單個項目和具有多個linter配置的項目中正常工作 。

      4、支持Docker Compose：如果使用Docker測試Node.js應用程序，現在可以使用Docker Compose文件中描述的配置從IDE 輕松運行和調試應用程序。

      5、依賴項的版本范圍工具提示：在的package.json，按命令/ Ctrl鍵和版本懸停的依賴關系，看看運行的時候可以安裝什么版本范圍 npm install或yarn install。

      IDE

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

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

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

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

WebStorm安裝步驟

      1、在PC下載網將WebStorm下載下來，并解壓到當前文件夾中，點擊其中的WebStorm-2020.2.3.exe應用程序，進入安裝向導界面，接著點擊下一步。

      2、選擇軟件安裝位置界面，PC下載網小編建議用戶們安裝在D盤中，選擇好安裝位置點擊下一步。

      3、WebStorm安裝結束，點擊完成即可。

WebStorm使用方法

      【怎么修改背景顏色】

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

      點擊英文的“文件”→“設置”

      找到并點擊“Colors & Fonts”打開“Editor”，打開“編輯”后，找到“HTML”

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

      這時，查看右側，找到對應的選框，選擇你所喜歡的背景色。

      確定背景色后，找到并點擊“Save as”選項，隨意輸入你喜歡的名字。

WebStorm常見問題

      問：WebStorm怎么調字體?

      答：打開WebStorm，點擊并打開“Colors & Fonts”，找到“Font”

      這時，查看窗口右側，找到你剛剛輸入的那個命名，在找到Size選項，直接在Size后的窗口中輸入數字即可，我用的是18，用戶可以根據喜好修改就可以了。

      問：WebStrom怎么運行html項目?

      答：首先，我們打開自己的WebStrom軟件，打開項目，找到任意一個.html的文件;

      這里我們選擇index.html;

      我們直接在body里面修改一段文字，比如說修改為當下軟件園歡迎你;

      最后進行編譯，然后瀏覽頁面即可看到效果。

同類軟件對比

      BowPad是一個體積小巧、簡單易用的代碼文字編輯工具，可以打開和識別多種類型的文件，包括那些寫在HTML或C++，Perl。支持很多代碼語言，這些文件中的每一個需要一個單獨的編輯器，可以識別使用的語法和適當突出關鍵詞。

      種子編輯工具是一款簡單實用的種子處理軟件，通過該軟件，用戶直接將種子文件轉換為隱藏的文件，使用起來不會有任何障礙。種子編輯工具支持視頻地址解析，很多網絡上的地址都是不真實的，打開以后不能下載，通過種子編輯工具轉換以后，就會出現各大視頻下載軟件的下載地址。

      更新日志

      -在 Vue 模板部分的文件引用中增加了對 vue-loader 的支持

      -現在，“本地歷史記錄”功能應該可以在 WSL 2 上正常運行

      -修復了許多回歸錯誤：WEB-46751, WEB-46669, WEB-46818, WEB-46595, WEB-46684, and WEB-46754

      -重新設計了將可選鏈接和無效合并擴展到顯式檢查的意圖(intention)。它在 2020.2 的 EAP 版本中引入，有用戶反饋仍有可-改進之處，因此 2020.2 中關閉了此意圖?，F在你可以嘗試改進的版本

      -在 Angular 項目中，WebStorm 現在支持 ng-template 標記上的結構指令的類型推斷

      -解決了幾個性能問題