![頭圖.png](https://ucc.alicdn.com/pic/developer-ecology/9fc0cd62c34e49bf94a5742ef1ede57b.png)

作者 | 璞珂
來源 | [阿里巴巴雲原生公眾號](https://mp.weixin.qq.com/s/cPezaJKGNvHkl7swnbo1ZA)

# 背景

## 1. 目的

欲善其事，先利其器。對於研發同學，在日常的開發工作中，我們與之打交道最多的便是程式設計的 IDE。能否高效和靈活的使用 IDE，將對我們的工作效率起著舉足輕重的作用。

研發同學在開發中最主要做的兩件事分別是架構設計和編碼，前者主要取決於大量的專案經驗積累和個人的思考深度，也是作為研發的核心競爭力，短時間內很難快速求成；後者主要取決於日常的編碼練習和一定程度的 IDE 資訊差，能夠透過下文中介紹的一系列技巧進行能力的快速補齊和鞏固加強。

本文的主要目的有兩方面：

- 一方面，對 IDE 的快捷操作和高效技巧，結合自己多年的實踐和理解，進行一次系統性的總結和梳理。

- 另一方面，希望透過本文系統性的梳理，能夠幫助更多的同學提高研發效率，無論你是剛入手不久的新人，還是有著多年開發經驗的專家，相信你都能夠在本文中發現一片新天地，讓你能夠有更多的時間和精力去做更有意義的事情。

## 2. 定位

網上很多技術網站和個人部落格，對於 IDE 各種技巧和便捷操作總結得非常具體且詳細，對於單點的詳盡程度都是極具參考和學習價值的。但其對應的問題是，這些很多很優秀的文章，出自於不同的手筆，有各自的行文風格，且分散在各個網站的散點，難以系統化。

我對本文的定位是，將各種技巧以大分類的形式進行收攏和聚合，以幫助大家構建和完善整體的知識體系，大幅度提高開發效率。對於每個分類點到即止，替代咀嚼式灌輸方式的是，儘量使用漸進式引導的方式。

## 3. 普適性

JetBrains 系列的 IDE 產品眾多，除了下圖之外，還有其他未列入的，如 Google 二次開發的 Android Studio 等。雖然歸為多個產品例項，但這些 IDE 的核心都是一樣的，只是在核心的基礎上額外新增了各自的語言特性。本文將以使用量最高的一款IDE——IDEA 為例進行展開，文中提到的絕大多數能力和技巧，在其他 IDE 均同樣適用，一通則百通。

![1.png](https://ucc.alicdn.com/pic/developer-ecology/b556e6a5cf044b7f9ea70d747ac8d8e1.png)

# Postfix Completion

## 1. 介紹

Postfix Completion (下稱 Postfix) 是一種透過 . + 模板 Key 來對當前已經輸出的表示式，新增和應用預設程式碼模板的編碼增強能力。

其核心要解決的問題是，將編碼過程中一些通用的程式碼結構正規化進行抽象和沉澱，並能在同型別的場景下，透過 . + 模板 Key 的方式進行喚醒和複用。

舉個例子，現在需要完成下面一段程式碼的編寫，為了對 name 引數進行判空保護：

```
if (name != null) {
  
}
```

在普通文字編輯器中，其中 if 2 次，name 4 次，(){}!= 共 6 次，再加空格 Tab 和游標切換，一共需要按鍵 23 次。

在 IDEA 編輯器中，不使用 Postfix 時，一共需要按鍵 20 次，不考慮程式碼格式化的情況可以減少到 16 次。

在 IDEA 編輯器中，使用 Postfix 時，只需要 8 次，如下圖：

![2.gif](https://ucc.alicdn.com/pic/developer-ecology/d98723a851b644b4a83539e39e96aff0.gif)

在這個例子中，可以對比出使用 Postfix 前後的效果，使用之後在編碼中減少了一半的手動按鍵操作，且生成的程式碼是自帶格式化的。在實際的編碼過程中，各專案大小和複雜度差異性雖然很大，但細化到這種基本單位的程式設計正規化時，它們都是融會貫通的。

與上例中 nn 並列的 Postfix，IDEA 給我們預設的還有很多，下面對一些非常高頻使用的 Postfix 進行梳理。

## 2. 梳理

### 1）var

快速定義一個區域性變數，自帶 IDE 的型別推斷：

![3.gif](https://ucc.alicdn.com/pic/developer-ecology/133eb92e3db74c6faceb67f45177c1e4.gif)

### 2）notnull

快速進行 NPE 的判空保護：

![4.gif](https://ucc.alicdn.com/pic/developer-ecology/313c76a76db142548e14199f97b11ff5.gif)

### 3）nn

同 notnull，是它的簡寫，推薦用這個，更加便捷：

![5.gif](https://ucc.alicdn.com/pic/developer-ecology/fe1a783894d544c38c07b5e7d2480180.gif)

### 4）try catch

快速對當前語句新增 try catch 異常捕獲，同時 IDE 還會對 catch 中的 Exception 自動做型別推斷：

![6.gif](https://ucc.alicdn.com/pic/developer-ecology/b8b4cb9852684930b768cd5009d7e4e0.gif)

### 5）cast

快速實現型別強轉，不需要反覆使用()包裹和游標切換；配合instanceof使用時還能自動實現cast型別的推斷：

![7.gif](https://ucc.alicdn.com/pic/developer-ecology/58cc1bda42ef420d826cbbffd5a136d7.gif)

### 6）if

快速實現 if 判斷的程式碼正規化：

![8.gif](https://ucc.alicdn.com/pic/developer-ecology/c4f70813132d4ce3831f0521f5b8366d.gif)

### 7）throw

快速實現拋異常：

![9.gif](https://ucc.alicdn.com/pic/developer-ecology/964dc5b493eb40e29f8969b13c36b0ae.gif)

### 8）for

快速實現集合或陣列的迭代：

![10.gif](https://ucc.alicdn.com/pic/developer-ecology/561ab04bb4a841bd812e09e3ebfe71d6.gif)

### 9）fori

快速實現集合或陣列的帶索引值迭代；同時對整型數字也支援：

![11.gif](https://ucc.alicdn.com/pic/developer-ecology/b2bc2cba665b463695e5fe2843027df4.gif)

### 10）sout/soutv

快速實現（不帶引數/帶引數）的列印功能：

![12.gif](https://ucc.alicdn.com/pic/developer-ecology/9a8885e72b0a4e84b6478edca7a801c2.gif)

### 11）return

快速實現方法中的值返回邏輯：

![13.gif](https://ucc.alicdn.com/pic/developer-ecology/3422dac95e7d4a288bebb6e5efb2dc8e.gif)

### 12）format

快速實現字串格式化：

![14.gif](https://ucc.alicdn.com/pic/developer-ecology/d43d11a99d93454796572b114f338b0f.gif)

## 3. 高階用法

擔心繫統預設的 Postfix 不足以滿足我們的編碼需求，IDEA 還提供了 Postfix 的自定義功能。

這裡我以自定義一個對集合判空的程式碼正規化，來舉例說明自定義 Postfix 的流程：

- 進入 IDE 設定介面，然後依次進入 Editor => General => Postfix Completion => 皮膚左下角加號 => Java：

![15.png](https://ucc.alicdn.com/pic/developer-ecology/baeab5eb4d01413987c55be63061d04d.png)

- 在彈起的頁面中，按照下圖進行配置，然後儲存退出設定頁。

![16.png](https://ucc.alicdn.com/pic/developer-ecology/ce5b201b237d411bba8f45ecbb68f44a.png)

此時我們自定義的 isempty 這個 Postfix 即完成了，下面來看下實際使用的效果：

![17.gif](https://ucc.alicdn.com/pic/developer-ecology/1ddced16a3724f308b248b5c21f0493b.gif)

在實際開發過程中，對於根據已經輸入的表示式就能決定接下來程式碼格式的功能，我們都能使用這種自定義方式進行程式碼的抽象和複用。

接下來介紹 IDE 中一種跟 Postfix 功能很相像，但靈活度更高的能力 —— Live Template。

# Live Template

## 1. 介紹

介紹之前可以先看一段簡短的編碼過程：

![18.gif](https://ucc.alicdn.com/pic/developer-ecology/c16f4083018446ff84776e16f3219487.gif)

上面這段編碼中，我先後使用了 Live Template 的以下三個模板能力：

- psfs：定義字串常量
- main：新增入口函式
- sout：實現日誌輸出

這裡我們將其和上面提到的 Postfix 對比來看，兩者都是提供程式碼級別模板的功能。不同的是，Postfix 需要一個已經輸入的表示式和 . + 模板 Key 來進行觸發，而 Live Template 不需要這些，它僅僅需要**模板 Key **即可觸發。

Live Template 提供的預設模板要比 Postfix 要高出一個數量級，因此這裡我就不進行一一演示，我們可以進行設定皮膚，然後按照 Editor => Live Templates 的路徑自行檢視，如下圖：

![19.png](https://ucc.alicdn.com/pic/developer-ecology/3857d709febd4dfa822984dad4bbffba.png)

## 2. 高階用法

和 Postfix 一樣，Live Template 也支援自定義模板，但它的自定義模板相對來說更加靈活和開放，甚至支援我們直接植入指令碼。鑑於 Live Template 的高度靈活性，單獨介紹這塊會佔據大量的篇幅，因此這裡我將從幾個實際的案例場景來開拓一下思路，而具體自定義擴充過程就不詳細展開介紹了。

### 1）Key 值對映

將 DB 中查詢到 List<t> 結構的資料，根據 Key 值對映轉化為 Map<k t=""> 結構的資料，以便於進行後續的資料填充邏輯：

![20.gif](https://ucc.alicdn.com/pic/developer-ecology/851fb20370e34df49cc6407b77c7b53a.gif)

### 2）DB 批次查詢

在資料查詢時，我們會有根據 ID 主鍵進行批次 DB 資料查詢的訴求，如下：

```
List<user> users = userMapper.queryUserByIds(userIds);
```

這種寫法會有一個弊端，就是當 userIds 大到一定的量級時，該查詢會變得非常耗時。

對於該問題其中一個解法是，將這個大的 userIds 拆分成多個批次，然後讓這多個批次非同步並行去查詢。這裡便使用 Live Template 來抽取一個針對該場景的程式碼模板，如下：

![21.gif](https://ucc.alicdn.com/pic/developer-ecology/c4f678cb301641d19afe04439710e00e.gif)

按照該模板，我們的查詢語句將變成這樣：

```
List<user> users = batchQuery(userIds, 100, userMapper::queryUserByIds, null);
```

可以看到，和之前相比，多傳一個分批的 size 引數，同時還支援指定的非同步任務排程器的自定義配置，而返回結果和之前的查詢方式保持完全一致，不需要外部有額外的適配工作。

### 3）指令碼植入

這個功能是我非常看好 Live Template 的主要原因，它的靈活性和擴充性也主要來源於這裡。它支援我們透過一個**模板 Key **來喚起和執行一段指令碼，這也就意味著，我們的自定義的 Live Template 模板是可程式設計的，極大程度提高了該模板的擴充性。

單描述功能會有些空洞，這裡我結合一個實際案例進行介紹，我們來實現一個跨電腦的程式碼共享功能：

- 首先，使用 python 的 flask 框架寫一個極簡的服務端應用並啟動，提供最簡單的 push 和 pull 的能力，如下：

```
from flask import Flask, request

DEFAULT = 'nothing'
code = DEFAULT

app = Flask(__name__)

@app.route('/push')
def push():
  global code
  code = request.args.get('code', DEFAULT)
  return 'Success'

@app.route('/pull')
def pull():
  return code

app.run()
```

- 然後，我們來透過 groovy 指令碼實現一個程式碼 pull 的模板，這裡應用了 Live Template 的 groovy script 能力，對應指令碼如下：

```
def url = new URL('http://127.0.0.1:5000/pull');
def conn = url.openConnection() as HttpURLConnection;
def result = conn.inputStream.text;
return result
```

- 最後，再實現程式碼 push 的模板，指令碼如下（下面的程式碼入參，是透過剪下板賦值傳遞過來的）：

```
def code = _1;
def url = new URL('http://127.0.0.1:5000/push?code=' + new URLEncoder().encode(code));
def conn = url.openConnection() as HttpURLConnection;
def result = conn.inputStream.text;
return result
```

此時就已經完成了跨裝置的程式碼分享功能，為方便演示，這裡就用 People1 和 People2 兩個類來模擬兩臺 獨立的電腦。People1 將自己的一段程式碼複製到剪下板中，然後透過 push 模板呼叫 push 介面來將這段程式碼上傳到 Python 服務應用中；People2 再透過 pull 指令碼來呼叫服務端的 pull 介面，訪問到 People1 上傳的程式碼並輸入到當前的程式碼編輯器中，實現效果如下圖：

![22.gif](https://ucc.alicdn.com/pic/developer-ecology/f38ecb3f00614eb3b3c9e9869df29efd.gif)

這裡的程式碼共享只是一個引子，除此之外，我們還能寫很多有意思的指令碼，比如在 IDE 中查天氣、透過 IDE 聊天等等，自行腦補擴充。

介紹完 Live Template 之後，接下來介紹檔案級別的模板 —— File Template。

# File Template

## 1. 介紹

File Template，顧名思義，對應檔案級別的模板。對於該模板，我們使用指令碼的主要在於兩個場景，分別是檔案頭和檔案的自定義，下面結合案例依次展開。

## 2. 自定義檔案頭

按照下圖的路徑，來更改檔案頭的格式，IDE 就會在我們新建一個類或介面時，根據這裡的配置格式來自動生成對應的檔案註釋頭。

![23.png](https://ucc.alicdn.com/pic/developer-ecology/32c1725aca054a69a351dc8489f56129.png)

## 3. 抽象通用 Controller

看下面一段程式碼，這是一個針對於 User 這個 domain 的增刪改查介面類：

```
package com.alibaba.ide.code.controller;

import com.alibaba.ide.code.entity.Result;
import com.alibaba.ide.code.entity.User;
import com.alibaba.ide.code.service.Condition;
import com.alibaba.ide.code.service.UserService;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.io.Serializable;
import java.util.List;

/**
 * @author puke
 * @version 2021/2/9
 */
@RestController
@RequestMapping("api/user")
public class UserController {

@Resource
    private UserService userService;

@PostMapping
    public Result<user> create(@RequestBody User record) {
        User user = userService.insert(record);
        return Result.success(user);
    }

@PutMapping
    public Result<user> update(@RequestBody User record) {
        User user = userService.update(record);
        return Result.success(user);
    }

@DeleteMapping("{id}")
    public Result<void> deleteById(@PathVariable Serializable id) {
        boolean success = userService.deleteById(id);
        return success ? Result.success() : Result.fail();
    }

@GetMapping("{id}")
    public Result<user> queryById(@PathVariable Serializable id) {
        User user = userService.queryById(id);
        return Result.success(user);
    }

@GetMapping
    public Result<list>> queryByCondition(Condition<user> condition) {
        List<user> list = userService.queryByCondition(condition);
        return Result.success(list);
    }
}
```

仔細看這段程式碼會發現，如果基於該介面再新增另一個 domain 對應的 Controller 介面類，程式碼中的基本結構和邏輯都是可以複用的。此時，便是 File Template 排上用場的地方，我們定義一個通用的 Controller 模板，將共性的部分抽象到模板裡，再將差異性的部分透過模板入參 Subject 變數傳入進來（注，這裡需要用到 [Velocity 模板](http://velocity.apache.org/engine/devel/user-guide.html)的知識）。

```
#set($SubjectOfLowerFirst = ${Subject.substring(0,1).toLowerCase()} + $Subject.substring(1))
package ${PACKAGE_NAME};

import com.alibaba.ide.code.entity.Result;
import com.alibaba.ide.code.entity.${Subject};
import com.alibaba.ide.code.service.Condition;
import com.alibaba.ide.code.service.${Subject}Service;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import java.io.Serializable;
import java.util.List;

#parse("File Header.java")
@RestController
@RequestMapping("api/${SubjectOfLowerFirst}")
public class ${Subject}Controller {

@Resource
    private ${Subject}Service ${SubjectOfLowerFirst}Service;

@PostMapping
    public Result create(@RequestBody ${Subject} record) {
        ${Subject} ${SubjectOfLowerFirst} = ${SubjectOfLowerFirst}Service.insert(record);
        return Result.success(${SubjectOfLowerFirst});
    }

@PutMapping
    public Result update(@RequestBody ${Subject} record) {
        ${Subject} ${SubjectOfLowerFirst} = ${SubjectOfLowerFirst}Service.update(record);
        return Result.success(${SubjectOfLowerFirst});
    }

@DeleteMapping("{id}")
    public Result<void> deleteById(@PathVariable Serializable id) {
        boolean success = ${SubjectOfLowerFirst}Service.deleteById(id);
        return success ? Result.success() : Result.fail();
    }

@GetMapping("{id}")
    public Result queryById(@PathVariable Serializable id) {
        ${Subject} ${SubjectOfLowerFirst} = ${SubjectOfLowerFirst}Service.queryById(id);
        return Result.success(${SubjectOfLowerFirst});
    }

@GetMapping
    public Result<list>> queryByCondition(Condition condition) {
        List list = ${SubjectOfLowerFirst}Service.queryByCondition(condition);
        return Result.success(list);
    }
}
```

模板定義完成，接下來看一下實際的使用效果：

![24.gif](https://ucc.alicdn.com/pic/developer-ecology/8b1ce7d2b890468faf615d48f1a3f493.gif)

這裡使用 Goods 作為新的 domain 物件，可以看到，生成的 Controller 程式碼已經具備 UserController 的全部能力，並且生成的程式碼全部都是 Goods 相關的 api，這樣就實現了 File Template 的橫向遷移能力。

# 低頻高效快捷鍵

## 1. 介紹

IDEA 中的快捷鍵多達上百個，我們很難把每個都記清楚，網上也有很多對應的總結。這裡我主要梳理一些，大家使用相對比較低頻，但又非常高效的快捷鍵。

## 2. 梳理

### 1）選擇重複元素：Control + G

通常情況下，我們可以使用 Shift + F6 對類名、方法名和變數名進行批次更改，但對於其他元素進行批次更改時，該快捷鍵特別合適，且不限程式語言。

![25.gif](https://ucc.alicdn.com/pic/developer-ecology/7238a2b40c1049669b45d3fedd9d0418.gif)

### 2）批次框選：Option + 滑鼠左鍵拖拽

對於"對齊"的程式碼進行批次更改的最優解，沒有之一：

![26.gif](https://ucc.alicdn.com/pic/developer-ecology/451762d8379a43a5adc176bdda0bfe6d.gif)

### 3）整行移動：Option + Shift + ↑/↓

快速調整程式碼執行順序，免除繁瑣的剪下貼上過程：

![27.gif](https://ucc.alicdn.com/pic/developer-ecology/a4ca5901d6944d2183123b832f5c568b.gif)

### 4）整行/塊複製：Command + D

對於整行/塊的複製，效率遠高於純手動的複製貼上：

![28.gif](https://ucc.alicdn.com/pic/developer-ecology/29772edeb821465eb6308cd46a102f56.gif)

### 5）展開/收起：Command + . or Command + Shift + +/-

前者，快速顯示/隱藏當前方法體；後者，快速概覽當前類的所有方法：

![29.gif](https://ucc.alicdn.com/pic/developer-ecology/6772b1ac2b9d4bd78ebf058f0e4d0bf0.gif)

### 6）修改方法簽名：Command + F6

在方法被多檔案或多處呼叫時，該方式替換效率極高：

![30.gif](https://ucc.alicdn.com/pic/developer-ecology/950db5ff7613404199c795a735e09805.gif)

### 7）檢視歷史剪下板：Command + Shift + V

開發中經常會出現需要複製多個文字的訴求，而PC預設的剪下板只能儲存一個，該功能專門用來解決這個痛點：

![31.gif](https://ucc.alicdn.com/pic/developer-ecology/0edf9a93781e4d5788cec87ad7eeeaf6.gif)

### 8）程式碼抽取

程式碼抽取主要用在程式碼重構的時候，以最快速度達到我們抽取一個變數、方法的目的。

- 抽區域性變數：Command + Option + V

![32.gif](https://ucc.alicdn.com/pic/developer-ecology/547c3d22dcfd45bbb0f025087392fc11.gif)

- 抽成員變數：Command + Option + F

![33.gif](https://ucc.alicdn.com/pic/developer-ecology/682db1246c8a43a38ad1175dbc18badb.gif)

- 抽靜態常量：Command + Option + C

![34.gif](https://ucc.alicdn.com/pic/developer-ecology/56f12831040f4e06ae0c4a6febdc097e.gif)

- 抽方法入參：Command + Option + P

![35.gif](https://ucc.alicdn.com/pic/developer-ecology/c1a35551307042f2b15d1f1f2a7ac56c.gif)

- 抽方法：Command + Option + M

![36.gif](https://ucc.alicdn.com/pic/developer-ecology/ff0db6435fb24283a50b0f8787e984cc.gif)

# 程式碼除錯

程式碼除錯在開發中使用的非常多，常規的單步、多步、進入、跳出操作這裡也不特殊說明了。

有一點值得說的就是，利用條件斷點來實現執行期的程式碼植入功能，先看下圖：

![37.gif](https://ucc.alicdn.com/pic/developer-ecology/8e5353bdaf7746cf92b2c7132d0bbf2a.gif)

可以看到，Debug 模式執行時，我們能動態改變 age 變數的值，本來被賦值為 20 的，結果輸出出來卻是 10。

這個是我在開發中無意間發現的一個功能，算是一個 Trick 了。但這個功能在實際的開發過程中特別有用，尤其針對於一些程式碼改動後再次執行的成本比較高的場景。比如 Android 開發過程中，能夠在不重新打整包的情況下，動態修改頁面中各個元素的樣式、介面的請求、資料的內容等等；再比如服務端場景中，如果我們的應用支援 Debug 模式，則可以透過該功能實現應用無需重新部署的情況下，進行動態更改上下文邏輯的操作。

# 寫在最後

跬步至千里，小流成江海，開發工作有大小，業務需求有緩急，但終究要落到眼下，從一磚一瓦的基石開始，從一行一列的編碼開始，希望本文中能幫助到更多的研發同學。</list></void></user></user></list></user></void></user></user></user></user></k></t>

收藏！這些 IDE 使用技巧，你都知道嗎

相關文章