/ Tools

【 Tools 】於 VS Code 中設定 JSX Emmet

內容

  • 學習目標
  • 前置準備作業
  • 設定 Emmet

學習目標

  • 於 JSX 中啟用 Emmet 功能

前置準備作業


設定 Emmet

Step 1. 開啟 VS Code

----12


Step 2. 開啟 settings.json

  • Windows 作業系統

    • 點選左上角的 File > Preferences > Settings

      ----13

  • macOS 作業系統

    • 點選左上角的 Code > Preferences > Settings

      ---2020-05-08---3.59.11

  • 開啟後畫面

    ----14


Step 3. 切換成以 JSON 方式呈現

  • 點選右上角左邊第一個 icon

    ----15


Step 4. 輸入設定值以啟用 Emmet

  • settings.json 完全為空時,請輸入以下設定值並存檔

    ----16

  • settings.json 已有其他設定值的話,請輸入以下設定值到 } 前方並存檔


GitHub
List of blogs
Archer

Archer

Having being a software engineer. Experience with Python, JavaScript, Node.js, Objective-C, Micro:bit, Raspberry Pi, AWS, Azure, IoT. ❆ [email protected] https://oranwind.org/author/archer/

Read More