# <font class="h2">Vs Code Extension(插件)</font>
###### tags: `vscode`
<style>
.h2 {
background: linear-gradient(135deg,#fff,#537479) ;
color: #537479;
display:block;
padding: 6px 5px;
border-radius: 4px;
}
.h3 {
background: linear-gradient(180deg,#fff 50%,#c9d5d4) ;
color: #537479;
display:block;
padding: 6px 5px;
border-bottom: 3px solid #537479;
}
.h4 {
color: #537479;
font-weight:bold;
font-size:1.1em;
}
</style>
### <font class="h3">同步設定外掛</font>

存放在github的gists
<br><br><br><br>

### <font class="h3">icon主題 </font>
**Material Icon Theme**
<br><br><br><br>

### <font class="h3">佈景主題 </font>

<br><br><br><br>

### <font class="h3">彩虹縮排(將縮排上色) </font>
<br><br><br><br>

### <font class="h3">將不同的大括號做色彩標示 </font>
<br><br><br><br>

### <font class="h3">即時更新 Preview on Web Server </font>

開啟瀏覽器即時顯示
<br><br><br><br>

### <font class="h3"> Quokka.js </font>



會自動顯示javascript的錯誤跟結果
<br><br><br><br>

### <font class="h3">Indenticator(縮進指示器) </font>


<br><br><br><br>

### <font class="h3">auto rename tag自動更改對稱的tag </font>
<br><br><br><br>

### <font class="h3">css class提示 </font>
<br><br><br><br>

### <font class="h3">css class提示 </font>
<br><br><br><br>

### <font class="h3">Node.js Exec</font>
javascript跟畫面無關的，可以直接在VScode上看console log結果
<br>

按f8可以看到結果
<br><br><br><br>

### <font class="h3">預覽Markdown</font>
<br><br><br><br>

### <font class="h3">Project Manager可以一次管理多個專案</font>

<br><br><br><br>

### <font class="h3">拼錯字檢查</font>

<br><br><br><br>

### <font class="h3">判斷程式碼是否品質不夠優</font>

<br><br><br><br>

### <font class="h3">提示目前有的class名稱</font>

<br><br><br><br>

### <font class="h3">自動跳轉到css對應的class</font>

在class名稱上按f12

### <font class="h3">檢查程式碼有沒有埋zero white space(無空間空格)</font>
<br><br><br><br>

### <font class="h3">自動路徑提示</font>
<br><br><br><br>

### <font class="h3">書籤</font>


### <font class="h3">讓template的html高亮顯示</font>

<br><br><br><br>

### <font class="h3">讓env檔高亮顯示</font>
<br><br><br><br>

### <font class="h3">讓import的顯示檔案大小</font>

<br><br><br><br>

### <font class="h3">node modules收尋工具</font>

<br><br><br><br>

### <font class="h3">Lorem Picsum假圖產生器</font>

<br><br><br><br>

### <font class="h3">顏色轉換</font>

<br><br>



<br><br><br><br>

### <font class="h3">gitignore</font>


<br><br><br><br>

### <font class="h3">AutoFileName</font>
`../路徑會自動收尋`