WebStorm IDE 顧名思義,它是 Jet Brains 為開發人員提供的軟體編輯器工具。它是最聰明的 JavaScript 編輯器,適用於 Web、行動、伺服器以及桌面應用程式開發。我們可以開發客戶端應用程式以及伺服器端應用程式。它支援 Angular、React 或 Vue.js 進行前端開發,支援 Node.js 和 Meteor 進行伺服器端或後端開發; Ionic、Cordova 和 React Native 用於行動開發,Electron 用於桌面應用程式開發。 WebStorm IDE 的最新版本是 WebStorm 2020.1,具有全新的精美外觀和感覺。它建構在名為 Intellij 的開源平台之上。
開始您的免費軟體開發課程
網頁開發、程式語言、軟體測試及其他
當我們在初始設定後首次開啟 WebStorm 時,我們會看到以下畫面:
從這裡,我們可以建立一個新項目或開啟一個現有項目,或從版本控制(如 Github、SVN 或任何其他 VCS)中查看該項目。
讓我們建立一個空的新項目,然後它會詢問項目位置,採用預設值並點擊建立:–
我們看到以下畫面並開始我們的專案:
讓我們在專案中建立一個新檔案。在專案工具視窗中選擇我們要建立新檔案的資料夾,然後右鍵單擊並選擇新建,如下所示或按 alt+insert。
建立了一個名為timer.js 的檔案來了解更多功能,例如程式碼完成。
說明:在上面的範例中,只需輸入“cla”,就會彈出程式碼補全,或者我們可以按 Ctrl+Space 來取得程式碼補全選項。
讓我們來探索 WebStorm 使用者介面:
以下是WebStorm IDE的功能:
當我們鍵入時,它為所有支援的語言提供最佳的程式碼完成結果。我們在使用 CSS 時獲得屬性及其值的程式碼補全。它還具有許多內建檢查功能,一旦我們鍵入並建議所有可用的快速修復選項,它們就會報告所有錯誤和警告。如果右側編輯器裝訂線中標記的任何程式碼行有問題,我們可以透過右側編輯器裝訂線輕鬆識別日誌檔案中的錯誤和警告。
WebStorm IDE 支援 Node.js、React、Angular、Vue.js、Meteor 等所有現代框架,也為這些框架提供高階編碼協助。
我們可以在 .editorconfig 專案檔案中提及我們的程式碼風格,當我們鍵入程式碼時,WebStorm 會自動套用設定的程式碼風格,或立即重新格式化整個檔案以提供一致的程式碼風格。
Webstorm 具有強大的導航和搜尋功能。我們可以使用編輯器的結構視圖輕鬆瀏覽開啟的文件,這在處理大型專案時可以節省大量時間。我們可以使用「Search Everywhere」對話方塊在整個專案中搜尋任何內容,例如檔案、類別名稱或符號。我們可以使用 Ctrl+Click 來了解程式碼中任何方法、函數或變數的定義。
WebStorm 在IDE 本身中內建了一個高級調試器,用於與Google Chrome 一起使用的客戶端程式碼,這有助於在IDE 中調試程式碼,而無需在編輯器和瀏覽器之間來回切換進行偵錯.它也節省了我們的時間。我們還可以使用 Node.js 的全功能內建偵錯器來調試本地或遠端電腦上運行的應用程式。
我們可以使用間諜js內建工具來追蹤客戶端JavaScript和Node.js程式碼並識別任何可能的問題。它還提供了一個很好的專案結構視覺化或圖表,使我們能夠視覺化專案檔案如何與函數呼叫連接。
WebStorm 與 JavaScript 測試框架集成,有助於輕鬆執行單元測試。我們可以選擇 Karma 或 Jest 來測試客戶端 JavaScript 程式碼,或選擇 Mocha 來測試 Node.js。分析資料以最容易存取的方式呈現,幫助我們輕鬆識別應用程式中任何可能的記憶體洩漏或熱點。
WebStorm 可以透過統一的 UI 與著名的任務運行器、測試框架和套件管理器整合以進行 Web 開發。我們可以使用首選項來存取已安裝的本機 npm 和瀏覽器依賴項的完整列表,或安裝和更新 npm 模組和瀏覽器相依性。我們可以將 WebStorm 與 PhoneGap、Cordova 和 Ionic 框架集成,並開始從 IDE 本身建立、模擬和部署行動應用程式。 WebStorm 有一個內建編譯器,可以幫助快速輕鬆地將我們的 TypeScript 程式碼編譯為 JavaScript。
我們可以根據我們的選擇自訂 WebStorm IDE,或以完全適合我們編碼風格的方式對其進行調整。它有淺色和深色模式,我們還可以更改顏色方案或搜尋可用的主題來使用。我們可以自訂工具視窗、編輯器樣式、捷徑、視覺主題等。它會追蹤對我們的原始檔案所做的更改,即使任何其他應用程式所做的更改也可以保護我們免受任何意外遺失或修改。
WebStorm IDE 擁有許多很酷的功能和出色的使用者體驗。它有一個統一的 UI,因此我們可以從一個視窗完成幾乎所有的編碼、偵錯、運行任務。它提供快速導航。我們可以下載並享受 30 天的免費試用。你會成為它的粉絲。
以上是WebStorm整合開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章!