---
# System prepended metadata

title: Vs Code
tags: [VS Code]

---

<style>
.center{
    display: flex;
    justify-content: center;
}
.txt_center{
    text-align: center;
}
.txt_size{
    font-size: 20px;
}
.txt_color{
    color: #224499;
}
</style>

# Vs Code 
[Python 設定](https://github.com/twtrubiks/vscode_python_note)

[設定 Vscode 預設 Terminal](https://stackoverflow.com/questions/44435697/change-the-default-terminal-in-visual-studio-code)


# Vs Code 擴充
<div class='txt_center txt_size'>
開啟擴充安裝頁面快捷鍵 <span class='txt_color'>Ctrl + Shift + X</span>
</div>

### Chinese擴充
中文化 Vs code 介面

<div class='txt_center txt_size'>
搜尋 <span class='txt_color'>Chinese</span>
</div>

![Chinese擴充](https://i.imgur.com/aNxYqGZ.png)




### vscode-icons
可以讓美化資料夾結構，不同資料副檔的圖示有自己的特色，更容易找到目標

<div class='txt_center txt_size'>
搜尋 <span class='txt_color'>Vscode-icons</span>
</div>

![vscode-icons](https://i.imgur.com/DL2vaPL.png)



### Cobalt2 Theme Official 
讓整體背景風格及程式碼更加繽紛

<div class='txt_center txt_size'>
搜尋 <span class='txt_color'>Cobalt2 Theme Official </span>
</div>

![Cobalt2 Theme Official](https://i.imgur.com/J4ThdlR.png)


<div class='txt_center txt_size'>
搜尋 <span class='txt_color'>Monokai-Cobalt Theme </span>
</div>

![Monokai-Cobalt Theme](https://i.imgur.com/GPEisIE.png)


### Todo Tree 
讓註解中只要有關鍵字`TODO`就會特別反白顯示

<div class='txt_center txt_size'>
搜尋 <span class='txt_color'>Todo Tree </span>
</div>


![Todo Tree](https://i.imgur.com/NHM3DjN.png)


### ESLint
排版格式工具
但需搭配 npm or pnmp 安裝

###### tags: `VS Code`