有些朋友習慣使用Brackets來編輯網頁，除了內建就有即時預覽功能外，再來就是擴充元件也陸續增加許多，同時支援的程式語言也相當多，而先前曾有朋友問到，有沒有中文版版，或是怎將它中文化，其實Brackets是個多語言版，雖然安裝完畢是英文版，但可依自行的需求，將它設定為所需的語言，當然也支援繁中語系，只是它的語系設定，放在一個比較特別的地方，有別於一般的軟體，則是將語言切換放在偏號設定中，因此有需要Brackets變成繁中語言的朋友，現在也一塊來看看吧!

---

Step1
開啟Brackets後，點選上方的Debug / Switch Language。

---

Step2
接著點下拉選單，選擇繁體中文。

---

Step3
選好後，再按Reload Brackets。

---

Step4
過一回，Brackets立即就變成繁體中文版啦!

　　之前曾分享過Adobe所推出的Brackets網頁編輯器，除了支援多種語言外，再來就是可即時預覽結果畫面，由於是Adobe公司所研發的，因此最近新版支援將Photoshop中的PSD檔，直接匯入到Brackets中，同時還可預覽PSD的分層檔，更重要的是，還可選擇PSD網頁的區塊，並取得各區塊的資訊，甚至還可以直接複製區塊中的文字，以及可將區塊中的圖片直接連接到網頁中，而Brackets還會立即將圖片儲存在images的資料夾，完全不用再像以前，還得將照片一一的切割，再放到網頁中，加快網頁的切版時間，相當的方便， 因此有在用Brackets與網頁設計的你，千萬別錯過了。

---

Step1
開啟Brackets後，點右側的上傳圖示。

---

Step2
再按Accept鈕。

---

Step3
接著再點上方的Open a PSD鈕。

---

Step4
再將製作好未合併的網頁PSD原始檔，直接拖拉到區塊中上傳。

---

Step5
接著檔案就會儲存在Adobe的雲端中。

---

Step6
當上傳完畢後，再點一下開啟它。

---

Step7
接著在右下角，就會看到網頁PSD的分層檔，同時點一下左邊的區塊，立即會示區塊的大小與資訊。

---

Step8
甚至可直接複製PSD的文字，並貼到網頁中，就不用像以前，得開啟Photoshop二邊切來切去。

---

Step9
且當要使用圖片時，先將圖片點一下，選取好後，再網頁的原始碼中，就會出現所選取的圖片，再點一下將它引用到網頁中。

---

Step10
這時圖片的路徑與位置，就會直接套用到網頁中。

---

Step11
過一回，剛的圖片就會儲存到images資料中，是不是超方便的呀!!這樣就網頁切版就更簡易與快速啦!