WebStorm 2020是一款功能強大且專業(yè)的Web前端開發(fā)軟件,軟件擁有者目前最為專業(yè)的Java開發(fā)工具,是編程人員的不二選擇。軟件呢能夠給用戶提供專業(yè)的IDE工具以及HTML5編輯器,能夠幫助用戶快速的構建一個前段編程環(huán)境。并且軟件中還內置智能JavaScript IDE工具,這些功能能夠幫助用戶有效的提高工作效率,縮短用戶的工作時間。用戶在編碼過程之中的錯誤,用戶能夠進行智能的檢測,幫助用戶有效的規(guī)避更多的錯誤,降低后期修復BUG以及返工的概率。軟件的編程框架是目前最為專業(yè)、先進的,軟件給用戶提供專業(yè)的代碼輔助工具,用戶能夠享受到多平臺的移動開發(fā)的便捷。軟件不僅僅能夠檢測代碼之中的語法錯誤,還能夠補全用戶代碼的空缺,用戶在編碼過程之中,輸入代碼的時候軟件能夠幫助用戶自動聯(lián)想出來能夠使用在該環(huán)境之中的代碼,也能夠在用戶出現(xiàn)缺少代碼的情況下,自動補全。小編今天帶來的是
WebStorm 2020綠色破解版,該版本軟件無需安裝無需另外破解,下載就即可享受軟件全部功能,感興趣的用戶可以在本頁面的下載鏈接處進行下載。
新增功能
【外觀】
1、新的歡迎屏幕
我們更新了歡迎屏幕! 您不僅可以從歡迎屏幕中打開和創(chuàng)建項目,還可以調整最常用的設置,如 IDE 主題和字體。
2、IDE 主題已與操作系統(tǒng)設置同步
現(xiàn)在,您可以將 軟件主題與 macOS 和 Windows 設置同步。 您只需轉到 Preferences / Settings | Appearance & Behavior | Appearance | Theme,然后選擇 Sync with OS 選項。 點擊 Sync with OS 旁邊的齒輪圖標來選擇您的首選主題。 我們也計劃為 Linux 用戶實現(xiàn)此功能。
3、改進了選項卡的使用
在 v2020.3 中,我們讓您能夠更方便地使用選項卡。 現(xiàn)在,您可以通過拖放選項卡或使用新的 Open in Right Split 操作來拆分編輯器。 此外,固定的選項卡現(xiàn)在以特殊圖標標記,并顯示在選項卡欄的開頭,以便您更快地找到它們。
4、閱讀器模式
軟件具有一種新模式,可讓您的庫和只讀文件可讀性更強。 進入此模式可呈現(xiàn)注釋、啟用字體連字等等。
5、多文件模板
我們已經(jīng)實現(xiàn)了添加自定義文件模板的功能,這些模板可一次創(chuàng)建多個文件。 例如,當您需要添加 .js 文件和測試文件時,這會非常方便。
6、使用 WebStorm 打開文件
現(xiàn)在,使用軟件在默認情況下打開特定文件類型非常簡單。 轉到 Preferences / Settings | Editor | File Types 并點擊 Associate File Types with 按鈕。
【框架與技術】
1、支持 Tailwind CSS
軟件現(xiàn)在可以幫助您更高效地使用 Tailwind CSS! 它將自動補全 Tailwind 類,在鼠標懸停時為您顯示所生成 CSS 的預覽,并支持您使用 tailwind.config.js 文件進行自定義。
2、根據(jù)用例創(chuàng)建 React 組件
您的代碼中有未解析的 React 組件嗎? 將脫字符號放到其中,按 Alt+Enter,然后從列表中選擇 Create class / function component將為您創(chuàng)建相關的代碼結構。
3、Markdown 編輯和預覽改進
Mermaid.js 支持、重新格式化 .md 文件的功能以及與編輯器一起自動滾動預覽窗格的功能 - 這些和其他變更將顯著改善您在軟件中使用 Markdown 文件的體驗。
4、對復雜 webpack 設置的基本支持
我們已經(jīng)開始添加對多個 webpack 配置的支持。 轉到 Preferences / Settings | Languages & Frameworks | JavaScript | Webpack 選擇手動或自動檢測配置文件。
5、Vue.js 的增強
我們已經(jīng)修復了與 Vue 3 相關的諸多問題。 例如,軟件現(xiàn)在支持腳本設置語法。 我們還使 IDE 在 Vue 項目中正確應用了 ESLint 代碼樣式規(guī)則,并改進了與 TypeScript 語言服務的集成。
6、全面支持 pnpm
現(xiàn)在,軟件全面支持 pnpm 程序包管理器以及 npm 和 yarn。 在過去的一年里,我們一直在逐步實現(xiàn)對 pnpm 支持的改進。 在 v2020.3 中,我們已經(jīng)完成了收尾工作。
【JavaScript 和 TypeScript】
1、集成了 TypeScript 和 Problems 工具窗口
我們已將 TypeScript 語言服務集成到 Problems 工具窗口中,并移除了 TypeScript 工具窗口。 進行此變更后,用戶可以更輕松地在一個位置檢查代碼中的問題。 我們還將先前在 TypeScript 工具窗口中可用的操作移動到狀態(tài)欄上的專用微件中。
2、使用 CSS 和 HTML 更好地格式化模板文字
從 v2020.3 開始,軟件將正確支持包含 JavaScript 的多行 CSS 和 HTML 塊的代碼格式化。 當您添加這些更復雜的模板文字或重新格式化代碼時,IDE 將正確縮進。
3、改進了調試體驗
調試時使用交互式提示和內聯(lián)監(jiān)視! 現(xiàn)在,您可以點擊提示以查看屬于變量的所有字段。 此外,您還可以直接從提示更改變量值并添加監(jiān)視表達式。
【工具】
1、支持我們的協(xié)作開發(fā)工具
軟件支持 Code With Me (EAP),這是一款用于協(xié)作開發(fā)和結對編程的新工具。 利用此工具,您可以與他人共享項目,這樣便可實時協(xié)同處理。 要試用 Code With Me,請從 Preferences / Settings | Plugins 安裝相應的插件。
2、關于 軟件基礎知識的內置培訓課程
為了幫助您熟悉 軟件的關鍵功能,我們開發(fā)了一門交互式培訓課程。 這門課程可以幫助您學習完成一些常見任務,例如重構代碼或在項目中導航。 您可以在 Welcome 屏幕上的 Learn選項卡下,也可以從主菜單中轉到 Help | IDE Features Trainer 來找到此課程。
3、HTTP 客戶端的 cURL 轉換
現(xiàn)在,您可以通過在 HTTP 請求編輯器中按 Alt+Enter 并選擇 Convert to cURL and copy to clipboard 選項,將 HTTP 請求導出到 cURL。
4、更好的拼寫和語法檢查
現(xiàn)在,您可以更快地解決語法和拼寫問題 - 將鼠標懸停在問題上,隨后會出現(xiàn)一個包含說明和建議修復方法的彈出窗口。 我們還添加了對更多語言的支持,并改進了語法檢查的質量。
【版本控制】
1、支持 Git 暫存區(qū)域
現(xiàn)在,您可以直接從軟件暫存文件! 為此,請轉到 Preferences / Settings | Version Control | Git,然后選擇 Enable staging area 選項。 您可以從 Commit 工具窗口,從間距以及使用 Show Diff 功能暫存變更。
2、重新排列了 VCS 菜單
現(xiàn)在,主菜單下的 VCS 組根據(jù)您正在使用的版本控制系統(tǒng)命名。 我們還重新排列了主菜單中 Git 下的項目,以便您更輕松地訪問最常用的操作。
3、改進了分支的使用
現(xiàn)在,WebStorm 會自動更正新分支名稱中未被接受的符號 此外,它還會顯示當前可用于所選分支的所有操作,就像對待其他分支一樣。
【導航】
1、更有用的導航欄
導航欄可快速替代 Project 視圖,您可以利用它輕松瀏覽項目的結構并打開特定文件。 在 v2020.3 中,我們還可以跳轉到 JavaScript 和 TypeScript 文件中的特定代碼元素。
2、快速文件預覽
您可以在 Project 視圖中選擇文件,最終在編輯器中預覽這些文件。 要開啟此功能,請點擊 Project 視圖中的齒輪圖標,然后選擇 Enable Preview Tab 和 Open Files with Single Click。
3、更加強大的 Search Everywhere
現(xiàn)在,Shift+Shift 彈出窗口允許您執(zhí)行更多操作。 首先,您可以使用它執(zhí)行基本數(shù)學運算 - 結果將立即顯示在彈出窗口中。 它還允許您查找 Git 數(shù)據(jù),包括有關分支和提交的詳細信息。 除此之外,所有查找結果現(xiàn)在都基于它們與搜索查詢的相關性而不是其類型進行分組。
功能介紹
1、智能代碼輔助功能
為您提供JavaScript和編譯為JavaScript語言、 Node.js、HTML和CSS的智能代碼輔助。 享受代碼補全、強大的 導航功能、動態(tài)錯誤檢測以及所有這些 語言的重構。
2、現(xiàn)代框架
為 Angular、 React、Vue.js 和 Meteor 提供先進的代碼輔助。 享受對以React Native、PhoneGap、Cordova和 Ionic進行移動開發(fā)和以Node.js進行服務器端開發(fā)的支持。 一個 IDE 一應俱全!
3、智能編輯器
該IDE分析您的項目,從而為所有支持的語言 提供最佳代碼補全結果。 幾百種內置檢查,可以在您輸入時 報告任何可能的問題,并提供快速修復選項。
4、導航和搜索
可以幫助您在處理大型項目時提高編碼效率,并節(jié)省時間。 只需點擊一次或搜索用法,即可跳到方法、函數(shù)或變量定義。
5、調試、跟蹤和測試
提供強大的內置工具進行調試、測試和跟蹤 您的客戶端和Node.js應用程序。 只需很少配置和精心 集成到IDE中,軟件使這些任務變得更加輕松。
6、調試
提供內置調試器,可用于您的客戶端代碼(適用于 Chrome)和Node.js應用。 放置斷點、逐步執(zhí)行代碼和評估 表達式 – 一切都無需離開IDE。
7、測試
集成了Karma測試 運行器、Mocha、Jest和Protractor,因此可以輕松執(zhí)行測試。 直接在IDE中運行和調試測試,以方便的可視格式 查看結果,然后導航到測試代碼。
8、跟蹤和性能分析
內置了spy-js工具,幫助您跟蹤 JavaScript代碼。 探索文件如何與函數(shù)調用相關聯(lián),并且高效 識別任何可能的瓶頸。
9、無縫工具集成
集成流行的命令行工具,用于Web開發(fā), 使您無需使用命令行即可獲得高效、簡化的開發(fā) 體驗。
10、生成工具
享受直接在IDE中以簡單一致的UI來運行Grunt、Gulp或 npm任務。 所有任務都列舉在一個特殊工具 窗口中,所以只需雙擊任務名稱即可啟動它。
11、代碼質量工具
除了軟件自有的幾百種檢查外,它還可以根據(jù)代碼運行ESLint、 JSCS、TSLint、Stylelint、 JSHint或JSLint,并直接在編輯器中 高亮顯示任何動態(tài)問題。
12、項目模板
使用常用項目模板,比如:Express 或Web入門套件從歡迎屏幕啟動新項目,并且 因為與Yeoman集成,所以可以訪問更多項目生成器。
13、IDE功能
建立在開源IntelliJ平臺之上,過去15年以來,JetBrains一直在不斷發(fā)展和完善這個平臺。 這個平臺可以針對您的開發(fā)工作流進行微調并且能夠提供高度可定制的體驗。
14、VCS
以統(tǒng)一的UI處理多種流行的版本控制系統(tǒng), 確保在git、GitHub、SVN、Mercurial和Perforce之間提供一致的用戶體驗。
15、本地歷史
無論您是否使用VCS,本地歷史都真的可以 保護代碼。 您可以隨時 檢查特定文件或目錄的歷史記錄,并回滾到 以前的任何版本。
16、定制
軟件定制化程度非常高。 將其調整為完全適合您的編程風格,從快捷鍵、字體和視覺主題到工具窗口和編輯器布局。
軟件特色
1、快速啟動和運行
立即開始您的項目,而不是把時間浪費在評估各種插件上。 憑借各種內置開發(fā)者工具以及對語言和框架開箱即用的支持,提供高效 JavaScript 開發(fā)所需的一切。
2、提高生產(chǎn)力
在重構和快速修復的幫助下,不要在終端與
文本編輯器之間,或可以自動完成的事情上猶豫不決,這是 IDE 最擅長之事。 調試器和 Git 等最重要的開發(fā)者工具觸手可及。
3、花更少工夫編寫更好的代碼
編寫更清晰可靠的代碼,IDE 在您輸入時會運行幾十種檢查,并且會立即檢測到潛在錯誤和冗余。 通過可以提供與當前上下文最相關的變量和方法的自動補全,節(jié)省瀏覽代碼庫的時間。
4、迅速找到所需代碼
無論項目有多大,都可以更快地找到代碼。 只需點擊幾次,即可跳到任何類、函數(shù)、方法、變量或組件的定義,并找到其用法。 在您打開的文件內輕松導航,而且其結構一覽無余。
5、根據(jù)您的喜好調整外觀
不喜歡使用默認值? 通過調整主題、代碼樣式、插件等來調整 IDE 的外觀和行為,使其更符合您的獨特需求。 也可在幾個 WebStorm 實例之間自動共享您的自定義設置。
0條評論