IntelliJ IDEA 2021.1正式發布！快來看看又有哪些神仙功能加入

歡IntelliJ的玩家這兩天一定很開心，因為IntelliJ IDEA 2021.1 已經正式發布！

新版本著實讓人眼前一亮，IntelliJ IDEA 2021.1 增加了對最新的Java 16 的支持，同時用戶可以在 WSL 2 中進行JAVA項目的工作，并且可以使用Space 集成，從 IDE 內部使用 Code With Me 進行協作開發，并增加了IDE 內部的 HTML 預覽窗口，也增加了在 SSH 主機和 Docker 容器中運行代碼的選項及其他一實用功能的更新。讓我們一起來具體看下吧：

Space 集成

與 Space 集成，可以通過歡迎屏幕上的 Get from VCS 連接到 JetBrains Space 中的組織。登錄后，可以查看和克隆項目存儲庫，檢查隊友的代碼以及編寫 Space Automation 腳本。

支持 WSL 2

在 IntelliJ IDEA 中如果使用 WSL 2 中的 Java 項目，可以檢測 JDK 安裝、安裝 JDK、編譯和運行 Maven 和 Gradle 項目以及使用 IntelliJ IDEA 構建系統的項目。

Code With Me

Code With Me，是一項用于協作開發和結對編程的新服務。同時具有視頻和語音通話功能，可以讓遠程協作更上一層樓。無論何時何地都可以直接從 JetBrains IDE 中自己的好友發起音頻和視頻通話。并且，Code With Me 可以完美匹配 1:1 會議和小組會議，用戶可以邀請數十人一起參與討論。

Run Targets

新增的Run Targets 功能允許用戶在 Docker 容器或遠程機器上運行、測試、分析和調試應用程序。IntelliJ IDEA Ultimate 目前允許在 Docker、SSH 和 WSL 目標上運行 Java 應用程序、JUnit 測試以及 Maven、Gradle、Micronaut、基于 Maven 的 Quarkus 和 Spring Boot 項目。

用戶體驗

在用戶使用體驗上，首先是新的內置瀏覽器，新內置html預覽可以讓用戶快速預覽 HTML 文件。在編輯器右上角，點擊微件中帶有 IntelliJ IDEA 徽標的圖標即可將其打開。如果在 HTML 中進行了更改，或者改變了鏈接的 CSS 和 JavaScript 文件，預覽也會隨即更新。

更新了對 Windows 跳轉列表的支持，現在只要右鍵點擊任務欄或開始菜單上的 IntelliJ IDEA 圖標就可以打開最近的項目。

在搜索范圍內自定義外部依賴項，使搜索范圍更方便。用戶可以將 External Dependencies 設置為包含在范圍中或從范圍中排除。轉到 Preferences/Settings | Appearance & Behavior | Scopes，使用右側按鈕更改 External Dependencies 的狀態。

版本控制

IntelliJ IDEA 支持 Git 提交。通過 Git 模板，可以創建自定義提交消息，填寫必要信息，最后IDE 將把文本顯示為初始提交消息。

現在，在將變更提交到 VCS 之前，可以輕松選擇代碼檢查配置文件。點擊齒輪圖標顯示提交選項，選中 Analyze code 復選框，點擊 Choose profile，然后選擇所需的配置文件。IDE 會在提交前用它來檢查代碼。

在最新版本中，可以通過 Compare with branch 對話框從另一個分支獲取文件。只需選擇要獲取的文件，然后點擊 Show diff 旁邊新增的向下箭頭圖標。

編輯器優化

增加各種讓人更舒適長時間工作的版式設置。可以在 Preferences / Settings | Editor | Fonts 中調整主字體和粗體字體的粗細。

打開多個垂直分割編輯器的選項卡時，可以雙擊其中任意一個以最大化該特定選項卡的編輯器窗口。只需再次雙擊即可將窗口恢復到原始大小。

現在支持使用 Goessner 或 Jayway 語法的 JSONPath 表達式。對于 JSON 文件，可以通過 Edit | Find 調用 Evaluate JSONPath Expression 操作，在 JSONPath 寫入查詢。如果文件包含由 JSONPath 編寫的部分，可以使用相同的功能并添加 JSON 輸入以測試 JSONPath 查詢。

支持以換行符分隔的 JSON Lines 格式，該格式用于處理結構化數據和日志。IDE 將識別 .jsonl、.jslines、.ldjson 和 .ndjson 文件類型。

分析器UI

重新設計了分析器 UI。現在Home 窗口的信息量更大，將分析器附加到進程的速度也更快。同時添加了兩個新操作，可以通過右鍵點擊正在運行的應用程序來訪問：Capture Memory Snapshot，用于獲取應用程序的 * .hprof 快照；CPU and Memory Live Charts，會打開一個帶有可視化工具的選項卡，用于跟蹤資源消耗。

Java

支持最新的 Java 16

Kotlin

實時代碼分析能夠更快地檢測到錯誤和警告。與之前版本相比，IntelliJ IDEA 2021.1 幾乎可以即時高亮顯示代碼問題。現在，代碼補全機制可以更快地運行，并且 IDE 對凍結的響應有所改善。

Kotlin 中的代碼補全機制提供了需要類型參數的函數。選擇此類函數后，IDE 會將正確的類型參數添加到前面的代碼。

code coverage 運行程序現在完全支持 Kotlin 的內聯函數和協同程序。

調試器可以評估 Kotlin 中的 get 表達式，并將其顯示在 Variables 視圖中。您也可以從 IDE 跳轉到源。

Scala

Scala 開發者用到 kind 程度較高的類型時，往往傾向于采用獨特的樣式。Type Diff 工具提示現在支持 kind。

編譯圖表現在還可以顯示階段和單元，以此更深入地了解編譯。打開 Build 工具窗口，選擇 Chart 節點，選擇細節的所需 Level。

通過 sbt-idea 插件即可使用 Scala 和 sbt 開發 IntelliJ 平臺插件。新增的內置 Project Wizard 模板將使過程更加簡單

框架與技術

IDE 現在可以高亮顯示 http:// 協議用法，并將其更改為 https://。該檢查默認啟用。可以將 URL 添加到忽略的 URL 列表，或者在 Preferences/Settings | Editor | Inspections | Security – Link with unencrypted protocol 中禁用對整個或部分項目的檢查。

改進了 HTTP 客戶端，如果從 HTTP 客戶端運行請求，響應將出現于在此版本獲得 UI 和 UX 更新的 Services 工具窗口。可以折疊返回的 HTML、JSON 或 XML，復制其正文，隱藏行號，選擇顯示格式，并快速滾動到響應的頂部和底部。

如果將 SSL 客戶端身份驗證用于 https:// 協議，則可以在 HTTP 客戶端中配置 SSL 設置。為此，請點擊 Add environment file，然后選擇 Private。IDE 將自動創建一個文件，可以在其中添加 SSL 配置。代碼補全將提供幫助。

重新設計了用于創建 Spring、Micronaut、Quarkus 和 MicroProfile 項目的向導。開始一個新項目現在只需兩步！第一個屏幕方便地包含了所有核心信息，第二個屏幕則顯示了特定于框架的設置。新的 UI 更加整潔，項目創建流程也更加直觀。

為包含 JPA 實體的項目添加了重新設計的間距圖標。這些圖標可以點擊，并包含了對實體及其特性最實用的操作列表。還改進了對 Kotlin 和多模塊項目的 JPA 支持。

現在可以使用 JPA 控制臺在 Jakarta EE 9 項目中編寫和運行 JPQL 查詢。

Kubernetes

快速刪除資源，可以從編輯器中刪除當前上下文中的所有群集資源 - 只需點擊間距中的 Run 圖標，然后選擇 Delete。

支持 Kustomize 3.7.0 組件，可以在 Settings/Preference | Languages & Frameworks | Kubernetes 的 Kustomize 版本下拉列表中選擇新的 Kustomize 3.7.0 組件。

如果需要使用 kubectl get -o yaml 命令返回的內容或將資源整理到列表，IDE 現已支持 kind: List。在列表的每個資源中，都可以重命名標簽，并通過間距圖標使用代碼輔助和導航。還可以將列表與多文檔 YAML 文件相互轉換。

可以創建自定義 values.yaml 文件。IDE 會將名稱中帶有“values”的文件視為值文件。從上下文菜單選擇 Configure Helm Parameters、Helm Lint 或 Helm Template，打開對話框，配置圖表模板將使用的值文件。也可以將值粘貼到對話框的 Additional values 區域手動添加值。

Docker

改進了 Run/Debug Configuration，Run/Debug Configuration 對話框現在更加簡潔靈活。要添加所有必要的構建選項，請點擊 Modify options。要添加運行選項，點擊 Modify。IDE 現在會驗證每個選項以確保其兼容。支持 Docker Compose 的所有現有選項。代碼補全現在支持 Dockerfiles Run Options 和 Image ID or name.

增加了對 BuildKit 的實驗性支持，可加快項目構建速度。同時簡化了從整個多階段 Dockerfile 分別構建命名階段的操作。只需單擊階段名稱旁邊的 hammer 圖標，IDE 即可使用 BuildKit 構建映像。

正在運行的 Dockerfile 可以快速停止。為此，請轉到 Services 工具窗口，選擇正在運行的項，調用上下文菜單，然后點擊 Stop Deploy。

使用 Bind mount 時，現在可以更快地輸入主機上目錄的路徑。補全機制允許在 Run/Debug Configuration 的 Bind mount 選項中選擇宏和環境變量。

JavaScript

改進了對 Stylelint 的支持，使用 Stylelint，可以更輕松地檢查 CSS 代碼。現在，點擊幾下即可解決這個常見的 linter 的問題。將鼠標懸停在文件中的問題上或將文本光標放在其上，然后按 Alt+Enter，選擇 Stylelint: Fix current file。此外，現在可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Stylelint 的相應字段下指定配置文件的路徑。

捆綁的 MDN 文檔，MDN 文檔現與 IntelliJ IDEA 捆綁。這將有助于防止 MDN 網站的連接問題，并使編輯器內文檔在 HTML、CSS 和 JavaScript 文件中顯示得更快。編輯器內文檔也將提供更多信息 - 例如，將看到有關 JavaScript API 受支持的瀏覽器版本的詳細信息。

樣式表的選擇器特異性使用樣式表時，現在可以查看選擇器的特異性 - 只需將鼠標懸停在要查看的選擇器上即可。或者，將焦點放在選擇器上，按 F1/Ctrl+Q 在 Documentation 彈出窗口中查看這些信息。

數據庫工具

授權 UI，為修改對象時的授權編輯添加了一個 UI。

推出了從數據庫瀏覽器直接生成簡單語句的解決方案 - 實時模板。

簡化了導航 - 在 SQL 中的對象上調用 Go to declaration (Ctrl/Cmd+B) 現在會將用戶帶到 DDL，而不是數據庫樹。還為 Select in database tree 操作引入了快捷鍵：Windows/Linux 為 Alt+Shift+B，macOS 為 Opt+Shift+B。

改進了數據排序。新的 ORDER BY 字段的工作原理類似于 WHERE 字段（之前叫做 Filter）：輸入工作子句將其應用于網格查詢。如果要在客戶端使用排序（IntelliJ IDEA 不會重新運行查詢，也不會在當前頁面對數據進行排序），應取消選中 Sort via ORDER BY。另一個更新是，排序默認不會“堆疊”；點擊用于排序數據的列名后，基于其他列的排序將被清除。

聞名世界的快捷鍵 Ctrl/Cmd+C/V/X 現在可以用于復制、剪切和粘貼數據源。

現在可以編輯 MongoDB 集合中的數據。還有語句預覽可供使用。

其他優化

嵌入式共享索引支持，IntelliJ IDEA Community Edition 內嵌了對公開共享索引的支持。

IntelliJ IDEA 現在支持所有 Android Studio 4.1.1 更新。

IntelliJ IDEA 現在可從 bnd-maven-plugin 導入 OSGI facet 設置。

最后，你最喜歡那個新功能呢？留言區告訴我們吧~

換語言

安裝完成后，默認顯示英文，我們可以通過安裝中文語言包插件來顯示中文，操作如下：

打開vscode，點擊插件圖標（或 ? + ? + X），在搜索框中輸入“chinese”，安裝

使用快捷鍵“? + ? + P”打開vscode的命令框，輸入display，點擊“Configure Display Language”，切換語言

更換主題

如果不喜歡VS code本身的主題色，也可以更換默認主題，在命令框中輸入color theme，回車，會進入主題列表，通過上下鍵切換主題，還不滿足，沒關系，點擊安裝其他顏色主題，在左側會出現各式各樣的主題插件，選擇一個安裝即可。

添加圖標

推薦一款圖標插件vscode-icons，安裝成功后，會根據不同的文件類型添加不同的圖標樣式，看起來會更有趣。

添加代碼片段

打開用戶片段

點擊新代碼片段，輸入框中輸入片段名稱

輸入自定義代碼片段

代碼中使用，輸入vue3-template，選擇新建的片段

Auto Close Tag

自動閉合 HTML/XML 標簽

Auto Rename Tag

自動重命名 HTML/XML 標簽

Autoprefixer

解析CSS并自動添加前綴

Bracket Pair Colorizer

用于著色匹配括號，讓你的代碼分層更清晰

Code Runner

運行代碼片段或多種語言的代碼文件

Code Spell Checker

源代碼拼寫檢查器，提示代碼中單詞拼寫錯誤

CSS Peek

允許查看css，并從HTML文件定位到css文件，文件定義跳轉

DotENV

支持.env文件語法，高亮顯示

Draw.io Integration

在VS code中繪制流程圖，隨時記錄你的idea，不要太方便

ESLint

代碼格式校驗工具，配合項目中的校驗規則，實現保存時格式化代碼，開發必備，你值得擁有！

配置文件，在setting.json中添加，可以參考一下

"editor.codeActionsOnSave": {
    "source.fixAll": true
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact"
],
復制代碼

Highlight Matching Tag

突出顯示匹配的標簽

Image Preview

當你引入時在左側會顯示圖片的縮略圖，方便預覽

Import Cost

在編輯器中展示引用包的大小，讓你更了解你引入的包

Javascript console utils

幫助你更快速的添加console和刪除console，確實方便

選擇你的變量，? + ? + L，將會輸出，如 console.log(' test ', test )
? + ? + D，將刪除當前文檔中的所有 console.log 語句

koroFileHeader

在vscode中用于生成文件頭部注釋和函數注釋的插件，經過多版迭代后，插件：支持所有主流語言,功能強大，靈活方便，文檔齊全，食用簡單！

? + ? + i，可生成文件頭部注釋

<!--
 * @Author: your name
 * @Date: 2021-11-18 18:08:32
 * @LastEditTime: 2021-11-19 11:29:00
 * @LastEditors: your name
 * @Description: 
 * @FilePath: 
-->
復制代碼

? + ? + t，自動解析函數參數，生成函數參數注釋

/**
 * @description: 
 * @param {*} 
 * @return {*}
 */
復制代碼

npm Intellisense

代碼插件，在導入語句中自動完成NPM模塊

open in browser

允許你在默認瀏覽器或應用程序中打開當前文件。

? + B，打開默認瀏覽器

Path Intellisense

自動識別文件路徑，引用更方便

Prettier

非常喜歡的一款代碼格式化工具，在項目中也可以配置自己的規則

Svg Preview

方便svg文件預覽

Todo Tree

快速搜索編輯器中添加的標簽，如todo和fixme，并在資源管理器窗格中的樹視圖中顯示。單擊樹中的todo將打開文件并將光標放在包含TODO的行上。

Trailing Spaces

突出顯示尾隨空格并快速刪除它們！

還有一些插件

Power Mode

你的代碼很強大，釋放它！

......

大家有什么好用的插件，也可以推薦一下哈~

isual Studio Code是由微軟公司推出的一款免費、開源的代碼編輯器，一經推出便受到開發者的歡迎。對于Web前端開發人員，一個強大的編輯器可以使開發變得簡單、便捷、高效。VS Code提供了非常豐富的插件功能，根據你的需要，安裝對應的插件可以大大提高開發效率。

1、Chinese (Simplified) Language Pack

適用于 VS Code 的中文(簡體)語言包

2、Code Spell Checker

拼寫檢查器。比如 banana 單詞寫錯成 banane ，會提示你是否修改成 banana ，也可以將 banane 添加至檢查器的字典中。

3、HTML CSS Support

在編寫樣式表的時候，自動補全功能大大縮減了編寫時間。

4、JavaScript (ES6) code snippets

支持ES6語法提示

5、Mithril Emmet

一個能大幅度提高前端開發效率的一個工具，用于補全代碼

6、Path Intellisense

路徑提示插件

7、Vue 3 Snippets

在 Vue 2 或者 Vue 3 開發中提供代碼片段，語法高亮和格式化的 VS Code 插件，能極大提高你的開發效率。

8、VueHelper

vscode最好的vue代碼提示插件，不僅包括了vue2所有api，還含有vue-router2和vuex2的代碼。

9、Auto Close Tag

自動閉合HTML/XML標簽

10、Auto Rename Tag

自動完成另一側標簽的同步修改

11、Beautify

格式化 html ,js,css

安裝過程中, 如果提示是否需要繼續安裝, 選擇 "仍要安裝"。

12、Bracket Pair Colorizer

給括號加上不同的顏色，便于區分不同的區塊，使用者可以定義不同括號類型和不同顏色。