電腦軟件推薦： 嗨格式圖片轉(zhuǎn)換器 V2.3.1 免費版 WebStorm 2020 永久激活版 MusicTools v1.9.6.8 免費版 (FLAC, MP3 下載器) AutoCAD2012珊瑚之海精簡版 32/64位

WebStorm是JetBrains推出的一款強大的前端和Java開發(fā)工具，以其卓越的易用性受到開發(fā)者的高度評價，被譽為“Web前端開發(fā)神器”。相比于上一版本，WebStorm 2020在多個方面進行了改進和創(chuàng)新。首先，在界面方面，軟件更新了全新的歡迎屏幕，用戶可以通過它快速創(chuàng)建和打開項目，同時還可以調(diào)整常用設(shè)置，如IDE主題和字體等。此外，新版本還引入了“閱讀器模式”，該模式使得庫文件和只讀文件的可讀性得到了顯著提高，支持注釋的顯示和字體連字的啟用。同時，WebStorm還增加了自定義文件模板功能，允許用戶一次性創(chuàng)建多個文件，這對于需要同時添加.js文件和測試文件的場景非常方便。

WebStorm 2020新功能概覽

外觀方面
1. 全新歡迎界面
WebStorm 2020的歡迎界面經(jīng)過了全新設(shè)計，除了可以快速創(chuàng)建項目外，用戶還可以調(diào)整常用設(shè)置，如IDE的主題和字體等。
2. IDE主題同步
現(xiàn)在，WebStorm可以將其主題與操作系統(tǒng)的設(shè)置同步。只需進入Preferences/Settings | Appearance & Behavior | Appearance | Theme，并選擇“Sync with OS”選項，即可與操作系統(tǒng)的主題保持一致。該功能目前僅支持macOS和Windows，Linux用戶也將在未來得到支持。
3. 改進選項卡的使用體驗
在WebStorm 2020.3版本中，用戶能夠更方便地操作選項卡。通過拖動或使用新的“Open in Right Split”操作，可以將編輯器分割開來。固定的選項卡會用特殊圖標(biāo)標(biāo)識，放置在選項卡欄的開頭，便于快速定位。
4. 閱讀器模式
WebStorm現(xiàn)在引入了閱讀器模式，使庫文件和只讀文件更加易讀。該模式支持顯示注釋、啟用字體連字等功能。
5. 多文件模板支持
新增了自定義文件模板的功能，用戶可以一次創(chuàng)建多個文件。例如，添加.js文件和測試文件時，將大大提高工作效率。
6. 打開文件的簡化操作
WebStorm讓打開特定文件類型變得更簡單。只需進入Preferences/Settings | Editor | File Types，點擊“Associate File Types with WebStorm”按鈕，便可關(guān)聯(lián)特定文件類型。

框架與技術(shù)支持
1. TailwindCSS支持
WebStorm現(xiàn)在提供了對TailwindCSS的完整支持，支持自動補全Tailwind類、生成CSS預(yù)覽，并支持通過tailwind.config.js文件進行定制。
2. 快速創(chuàng)建React組件
如果你的代碼中有未解析的React組件，只需在其中放置光標(biāo)并按下Alt+Enter，選擇“Create class/function component”，WebStorm將自動為你創(chuàng)建相應(yīng)的代碼結(jié)構(gòu)。
3. 改進Markdown編輯與預(yù)覽
WebStorm 2020增加了對Mermaid.js的支持，并優(yōu)化了Markdown文件的格式化、預(yù)覽以及自動滾動等功能，使Markdown文件的編輯體驗更加流暢。
4. 支持復(fù)雜網(wǎng)頁配置
WebStorm 2020增強了對復(fù)雜網(wǎng)頁設(shè)置的支持。通過Preferences/Settings | Languages & Frameworks | JavaScript | Webpack，用戶可以選擇手動或自動檢測配置文件。
5. Vue.js的進一步優(yōu)化
WebStorm對Vue3的支持得到了改進，修復(fù)了許多與Vue3相關(guān)的問題，增強了ESLint代碼風(fēng)格規(guī)則和TypeScript語言服務(wù)的整合。
6. 全面支持pnpm
WebStorm全面支持pnpm包管理器，并逐步改進了pnpm的功能。自v2020.3開始，pnpm的支持已經(jīng)得到了完整實現(xiàn)。

JavaScript與TypeScript
1. TypeScript與Problems工具窗口整合
WebStorm將TypeScript語言服務(wù)整合到Problems工具窗口中，去除了單獨的TypeScript工具窗口，使得用戶能夠更方便地在一個地方查看代碼問題。同時，將之前在TypeScript工具窗口中的操作移至狀態(tài)欄，提升了操作便捷性。
2. 改進CSS與HTML格式化
WebStorm 2020.3增強了對多行CSS和HTML代碼塊的格式化支持，特別是在添加或重新格式化包含JavaScript代碼的模板時，IDE會自動進行正確的縮進。
3. 調(diào)試體驗的優(yōu)化
WebStorm提供了更為直觀的調(diào)試體驗，用戶可以通過點擊提示查看變量字段，甚至直接修改變量值，或者追加監(jiān)視表達式。

其他功能
1. 支持CodeWithMe
WebStorm 2020.3引入了CodeWithMe插件，支持協(xié)作開發(fā)和結(jié)對編程，用戶可以與他人實時共享項目并共同編程。通過Preferences/Settings | Plugins安裝插件，即可啟用該功能。
2. 內(nèi)置WebStorm基礎(chǔ)課程
為了幫助新手用戶快速熟悉WebStorm，官方提供了互動式學(xué)習(xí)課程。用戶可以在Welcome屏幕的Learn WebStorm選項卡中，或從主菜單中的Help | IDE Features Trainer訪問該課程，快速掌握WebStorm的常見操作。
3. HTTP客戶端的cURL轉(zhuǎn)換
現(xiàn)在，用戶可以通過HTTP請求編輯器，按下Alt+Enter并選擇“Convert to cURL and copy to clipboard”選項，將HTTP請求轉(zhuǎn)換為cURL命令并復(fù)制到剪貼板。
4. 提升語法與拼寫檢查
WebStorm加快了語法和拼寫檢查的速度，用戶可以快速解決問題。在問題提示中會出現(xiàn)詳細的說明和建議，此外，更多語言的支持也讓語法檢查更加精準(zhǔn)。

版本控制功能
1. 支持Git暫存區(qū)域
WebStorm 2020.3增加了Git暫存區(qū)域功能，用戶可以直接在WebStorm中暫存文件。通過Preferences/Settings | Version Control | Git，勾選“Enable staging area”選項，就能使用此功能。
2. VCS菜單重排
根據(jù)用戶的版本控制系統(tǒng)，VCS菜單項已重新排列，以便更直觀地訪問常用操作。
3. 分支操作改進
WebStorm優(yōu)化了分支的管理，現(xiàn)在可以自動糾正新分支名稱中的無效字符，并顯示可用于所選分支的所有操作。

導(dǎo)航功能
1. 改進的導(dǎo)航欄
WebStorm改進了導(dǎo)航欄的使用，替代了Project視圖，用戶可以更輕松地瀏覽項目結(jié)構(gòu)，并跳轉(zhuǎn)到JavaScript或TypeScript文件中的特定代碼部分。
2. 快速文件預(yù)覽
在Project視圖中，用戶可以選擇文件并直接在編輯器中預(yù)覽該文件。啟用此功能，只需點擊Project視圖中的齒輪圖標(biāo)，選擇“Enable Preview Tab”和“Open Files with Si”。

如何將WebStorm設(shè)置為中文？

WebStorm的默認界面為英文，很多用戶希望將其切換為中文。幸運的是，WebStorm 2020.3版本的中文設(shè)置方法與以往版本相同。以下是詳細步驟：

打開WebStorm后，界面顯示為英文。直接點擊“Plugins”，在搜索框中輸入“Chinese”并回車，找到中文插件后點擊“Install”進行安裝。

插件安裝完成后，點擊右側(cè)的“RESTART IDEA”按鈕。

軟件會自動重啟，重新啟動后，界面即會切換為中文。

更新日志
WebStorm 2020新增了對Meteor框架的支持，并集成了PhoneGap、Cordova等移動開發(fā)框架。此外，WebStorm還增加了對HTML5、CSS3、Node.js、AngularJS