---
# System prepended metadata

title: 01. 安裝 CSS 擴充 - 智能補全失效解決方式
tags: [debugs]

---

### CSS 自能補全失效，讓我很頭痛：

- 於是我找到了[這篇](https://stackoverflow.com/questions/70136170/how-to-solve-css-intellisense-for-vscode-not-working)文章。

### 將這段 code，新增到 vscode - setting.json

- 什麼是 setting.json？

  settings.json 是 Visual Studio Code 的**設定文件**，它包含了你在 VSCode 中進行的各種個性化設定。這個文件是一個 JSON 格式的文件，用於配置 VSCode 的外觀、行為和其他功能。
  
- 進入方式(這邊以 mac 為範例)：
   
```js
1. 打開 Vs Code
2. Code -> 喜好設定 -> 設定
3. 輸入 settings (點擊 '在 settings.json 內編輯')。
``` 

![截圖 2023-12-05 下午1.27.57](https://hackmd.io/_uploads/HkiJrE2rT.png)

- 這時候你會看到一堆亂七八糟的 code，沒事兒
  直接在最後面, 將下列這段 code 給貼上確認問題是否被解決哩 !
  
```json
// 前面的檔案 ...

  "files.associations": {
    "*.css": "css",
    "css": "css"
  }
```  