styleObject2CSS README

This is the README for extension "styleObject2CSS"

擴充功能 "styleObject2CSS" 說明文件

Features

styleObject2CSS can transform the style object in jsx file to CSS format.

此套件功能為將JSX中宣告的style object區塊轉換為css格式。

example:

範例:

{
    "fontSize": "17px",
    "lineHeight": "1.47",
    color: "#4a4a4a",
    padding: "10px 0",
    whiteSpace: "pre-line",
    letterSpacing: '-0.02222em',
    wordBreak: 'break-word'
};

after command: styleObject2CSS.transform

輸入指令: styleObject2CSS.transform 後

{
    font-size: "17px";
    line-height: "1.47";
    color: "#4a4a4a";
    padding: "10px 0";
    white-space: "pre-line";
    letter-spacing: '-0.02222em';
    word-break: 'break-word';
}

Requirements

N/A

無

Extension Settings

This extension contributes the following settings:

此擴充功能使用以下擴充:

• command

• 指令

styleObject2CSS.transform: Transform the text selection to CSS format in editor.

styleObject2CSS.transform: 將選擇中的style object文字區塊轉換為CSS格式的指令.

Known Issues

N/A

無

Release Notes

Initial

1.0.0

Initial release of styleObject2CSS

1.0.1

1.0.2

1.0.3

update README.

1.0.4

1. Add setting of doubleQuotation to set quote symbol preference.

2. 新增是否使用雙引號的設定參數

3. Update icon.

4. 更新icon

1.0.5

1. Add Chinese README.

2. 新增中文說明

3. Add key quotation handle.

4. 加入針對鍵名引號的處理

5. Add repository.

6. 加入專案開源儲存位置

1.0.6

1. Fix Chinese README.

2. 修正中文說明

1.0.7

1. Fix useless quote.

2. 移除不必要的引號

Enjoy!