# VScode 一些事 / 必裝套件

## 必裝套件

### Chinese (Traditional) Language Pack for Visual Studio Code
> Language pack extension for Chinese (Traditional)

[套件安裝](https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hant)

### Live Server
> 啟動一個 local server, 還有live reload. 幫助你前端開發

[套件安裝](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)


### Emmet
> 套件能自動完成標籤

[套件安裝](https://code.visualstudio.com/docs/editor/emmet)


### Polacode
> 📸 Polaroid for your code

[套件安裝](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)


### 更多相關套件
* https://hackmd.io/@sam-liaw/BJnLhni7U#Todo-Tree
* https://blog.goodjack.tw/2018/03/visual-studio-code-extensions.html

## 解決vs Code程式編譯的時候找不到iostream的問題
youtube連結:
https://www.youtube.com/watch?v=XM3FBH_7Q7A

## 用 VSCode 寫 C/C++ 教學
連結:
https://hackmd.io/@liaojason2/vscodecppwindows#MinGW-%E5%AE%89%E8%A3%9D

## vim?
https://hackmd.io/@chiisen/By5goBrbv

## 一些快捷鍵
1. 快速編寫HTML代碼：「!」+ tab、「html:5」+ tab
2. 添加 class，id，標籤和屬性
* id： p#foo => `<p id="foo"></p>`
* class：.container => `<div class="container"></div>`
* 內容： h1{foo} => `<h1>foo</h1>`
* 屬性： a[href=#] => `<a href="#"></a>`
3. 嵌套
* `>`：子元素符號，表示嵌套的元素 p>span => `<p><span></span></p>`
* `+`：同级標籤符號 h1+h2 => `<h1></h1><h2></h2>`

[相關emmet快捷鍵](https://www.ugm.com.tw/modules/tad_book3/page.php?tbdsn=306)

###### tags: `VS code的一些事`,`還沒寫完QQ`