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