WebStorm是由JetBrains開發(fā)的一款強大的HTML5編程工具。本軟件擁有強大的JavaScript開發(fā)功能，還有功能強大的前端專用IDE，具備即時編輯(chrome)、自動完成、debugger、Zen Coding、HTML5 支持、JSLint、Less支持、CoffeeScript支持、Node.JS、單元測試、集成git和svn版本控制等特性，推薦前端工程師使用。

【功能特點】

　　1、支持 Tailwind CSS：WebStorm 現(xiàn)在可以幫助您更高效地使用 Tailwind CSS！ 它將自動補全 Tailwind 類，在鼠標懸停時為您顯示所生成 CSS 的預覽，并支持您使用 tailwind.config.js 文件進行自定義。

　　2、根據(jù)用例創(chuàng)建 React 組件：您的代碼中有未解析的 React 組件嗎？ 將脫字符號放到其中，按 Alt+Enter，然后從列表中選擇 Create class / function component - WebStorm 將為您創(chuàng)建相關的代碼結(jié)構(gòu)。

　　3、Markdown 編輯和預覽改進：Mermaid.js 支持、重新格式化 .md 文件的功能以及與編輯器一起自動滾動預覽窗格的功能 - 這些和其他變更將顯著改善您在 WebStorm 中使用 Markdown 文件的體驗。

　　4、對復雜 webpack 設置的基本支持：我們已經(jīng)開始添加對多個 webpack 配置的支持。 轉(zhuǎn)到 Preferences / Settings | Languages & Frameworks | JavaScript | Webpack 選擇手動或自動檢測配置文件。

　　5、Vue.js 的增強：我們已經(jīng)修復了與 Vue 3 相關的諸多問題。 例如，WebStorm 現(xiàn)在支持腳本設置語法。 我們還使 IDE 在 Vue 項目中正確應用了 ESLint 代碼樣式規(guī)則，并改進了與 TypeScript 語言服務的集成。

　　6、全面支持 pnpm：現(xiàn)在，WebStorm 全面支持 pnpm 程序包管理器以及 npm 和 yarn。 在過去的一年里，我們一直在逐步實現(xiàn)對 pnpm 支持的改進。 在 v2020.3 中，我們已經(jīng)完成了收尾工作。

【怎么刪除項目】

　　首先，我們打開WebStorm，默認會打開我們上次關閉軟件時打開的項目和文件。

　　我們點擊軟件左上角的“File”選項，然后選擇“Open Recent”選項。

　　大家可以看到open recent里面就是我們最近打開的除了本項目以外的其他項目了。

　　然后我們點擊其中任意一個項目，會有一個提示框出現(xiàn)，大致意思是新的項目不能和當前項目并存在一個窗口可以在新窗口打開新項目，或者在當前窗口打開。

　　這是直接切換，我們還可以關閉當前項目，在項目列表中選擇進入的項目。關閉項目的按鈕同樣在File的菜單中，“Close Project”就是。關閉項目后，軟件會彈出一個頁面是項目列表，我們點擊其中任意一個就可以進入相應的項目了。

【怎么改背景顏色】

　　默認的WebStorm的背景色是純白色，這種顏色更容易讓你引起眼部疲勞。

　　點擊“文件”→“設置”

　　找到并點擊“Colors & Fonts”打開“Editor”（編輯）

　　打開“編輯”后，找到“HTML”

　　這時，查看右側(cè)，找到選框，選擇你所喜歡的背景色。

【怎么修改網(wǎng)頁布局】

　　打開軟件，在界面上方的工具欄上找到第一個選項卡菜單，file，單擊鼠標左鍵彈出如下下拉菜單，選中setting選項。

　　點擊setting選項之后，打開設置對話框，我們可以找到appearance選項，也就是外觀設置選項，這里設置軟件外觀顯示風格。

　　找到name選項，設置我們喜歡的字體，size選項設置字體的大小，我們可以預覽設置效果，直到達到滿意的設置效果為止。

　　我們設置代碼編輯區(qū)的顯示效果時，找到editor編輯選項，這里設置代碼的字體，關于編輯區(qū)的所有設置都可以在這個選項卡中進行。

　　首先我們可以更改編輯區(qū)背景色，將默認背景色調(diào)節(jié)為其他背景色顯示，找到color scheme選擇自己喜歡的風格，然后點擊apply應用之后點擊OK確認。

【更新日志】

　　1、JavaScript 支持改進；

　　2、HTML 編輯改進(同步 HTML 標簽編輯，Emmet 編輯)；

　　3、spy-js：高級搜索和源碼映射支持；

　　4、高級跟蹤搜索；

　　5、支持在 firefox 調(diào)試；

　　6、新項目向?qū)В?/p>

　　7、Distraction 自由模式；

　　8、更多改進內(nèi)容請看發(fā)行說明。