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

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

WebStorm 2020新功能概覽

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

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

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

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

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

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

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

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

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

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

軟件會(huì)自動(dòng)重啟，重新啟動(dòng)后，界面即會(huì)切換為中文。

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