# Sublime【Package Control】 - HTML/CSS/JS Prettify - JSX

sublime【套件應用篇】新手教學之 HTML/CSS/JS Prettify 應用，請安心服用。

在 Sublime 中，若要針對 JSX 進行 Format，

可安裝 HTML/CSS/JS Prettify 此套件，

並進行簡易設定即可完成。

套件安裝
----

開啟命令列。

```bash
Ctrl + Shift + p
```

安裝。

```bash
install
```

選擇 Package Control: Install Package。

安裝  HTML/CSS/JS Prettify

```bash
HTML/CSS/JS Prettify
```

套件設定
----

Preferences > Package Setting > HTML/CS/JS Prettify

選擇 【Set Prettify Preferences】。

[![1464398697_86321.png](https://raw.githubusercontent.com/explooosion/blogs/refs/heads/main/docs/images/2016-05-28_Sublime%E3%80%90Package%20Control%E3%80%91%20-%20HTMLCSSJS%20Prettify%20-%20JSX/1464398697_86321.png)](https://dotblogsfile.blob.core.windows.net/user/incredible/cb63a3af-8845-4b2d-ade8-39498917cf4c/1464398697_86321.png)

到 "JS": 區塊，將 "e4x" 設定為 true。

```json
"e4x": true, // Pass E4X xml literals through untouched
```

套件使用
----

Hot Key 可於 Preferences > Package Setting > HTML/CS/JS Prettify

找到 【Prettify Code】，即可進行 Format。

```bash
Ctrl + Shift + H
```

[![1464398982_36159.png](https://raw.githubusercontent.com/explooosion/blogs/refs/heads/main/docs/images/2016-05-28_Sublime%E3%80%90Package%20Control%E3%80%91%20-%20HTMLCSSJS%20Prettify%20-%20JSX/1464398982_36159.png)](https://dotblogsfile.blob.core.windows.net/user/incredible/cb63a3af-8845-4b2d-ade8-39498917cf4c/1464398982_36159.png)

有勘誤之處，不吝指教。ob'\_'ov