---
# System prepended metadata

title: 2020/7/5

---

# 2020/7/5

在sublime軟體中按下:shift+ctrl+p
並鍵入:install package
並分別鍵入以下名稱(這叫安裝外掛，每打完一行按一次ENTER鍵):

Package Control
1337 Color Scheme
AutoFileName
Boostrap 3 Autocomplete
Boostrap 3 Snippets
Boostrap 4 Snippets
BracketGuard
BracketHighlighter
ChineseLoremlpsum
Color Highlighter
ConvertToUTF8
CSS3
Emmet
FakeImg Image Placeholder Snippet
Floobits
HTML-CSS-JS Prettify
iconfont snippets
JavaScript Completions
jQuery Snippets pack
PyV8
SublimeCodeIntel
SublimeLinter
TrailingSpaces

這些我推薦的外掛安裝後會幫助我們在撰寫程式時更加便利！

當你想要看你的外掛有沒有安裝進sublime時你可以按:shift+ctrl+p
並鍵入:list package
就會看到您所安裝的外掛名稱↓
![](https://i.imgur.com/EiO7kiZ.png)

*按下 ESC 可以關閉 package control 回到編輯畫面



---

按下 "Preferences" 在按下 "Key Bandings" 如下圖:
![](https://i.imgur.com/fjUwpWH.png)


在右方區域中打入這串程式碼
![](https://i.imgur.com/egxCXI7.png)
1.如此一來編輯網頁時按下"F12"就會自動打開網頁來看。
2.按下ctrl+shift+t就可以刪除不必要的空白字元。


---

下載以下連結的資料。
https://drive.google.com/file/d/1Jr_EmL2hindcQdoxoQy_1YBFCxRvMGVc/view?usp=sharing


解壓縮"user.zip"檔案。
![](https://i.imgur.com/xi6MpQt.png)

按下 "Preferences" 在按下 "Browse Packages..."，如下圖:
![](https://i.imgur.com/Og2CHHH.png)

再進入"user"資料夾內，如下圖:
![](https://i.imgur.com/cuvMJFr.png)

打開剛剛解壓縮的"user資料夾"，將裡面資料夾檔案一起複製到sublme的"user資料夾"內
![](https://i.imgur.com/BOp0yLs.png)

# 做完以上步驟，我們就能開始寫網頁囉！

