Sublime text 3 форматирование кода

Узнайте как использовать форматирование кода в Sublime Text 3 для придания вашему коду лучшего вида и читаемости с примерами.

Sublime Text 3 является полноценным редактором кода, который может производить автоматическое форматирование кода для любого языка.

Для форматирования кода необходимо выбрать требуемый язык программирования из меню View -> Syntax -> [Имя языка]. Далее для форматирования необходимо выбрать Tools -> Command Palette, а затем ввести команду Formatting: Reindent и выбрать пункт меню для применения форматирования. Также можно использовать сочетания клавиш: Ctrl + Alt + F или Ctrl + Shift + P.

Пример форматирования кода:

// Пример функции для форматирования
function formatCode(code) {
    // Удаляем ненужные пробелы и переносы строк
    code = code.replace(/s+/g, '');
    // Табуляция
    code = code.replace(/t+/g, '    ');
    // Заменяем двойные пробелы на одинарные
    code = code.replace(/s{2,}/g, ' ');
    // Добавляем переносы строк после закрывающих скобок
    code = code.replace(/}/g, '}n');
    // Добавляем переносы строк после запятых
    code = code.replace(/,/g, ',n');
    // Добавляем переносы строк после точки с запятой
    code = code.replace(/;/g, ';n');
    // Добавляем переносы строк после открывающих скобок
    code = code.replace(/{/g, '{n');
    // Возвращаем форматированный код
    return code;
}

Форматирование применяется утилитой prettier, которая может автоматически применять определенные стили для вашего кода. Эта утилита поддерживает большое количество языков программирования, включая: JavaScript, TypeScript, HTML, CSS, JSON, GraphQL и многие другие. Для того, чтобы использовать эту утилиту, необходимо установить плагин Sublime Prettier. После этого вы можете форматировать ваш код, используя команду Tools -> Command Palette -> Prettier: Format Code или сочетание клавиш Ctrl + Alt + F.

В результате форматирования код будет выглядеть следующим образом:

function formatCode(code) {
    code = code.replace(/s+/g, '');
    code = code.replace(/t+/g, '    ');
    code = code.replace(/s{2,}/g, ' ');
    code = code.replace(/}/g, '}n');
    code = code.replace(/,/g, ',n');
    code = code.replace(/;/g, ';n');
    code = code.replace(/{/g, '{n');
    return code;
}

Таким образом, Sublime Text 3 предоставляет вам возможность автоматически форматировать код для любого языка программирования. Это очень удобно, так как не нужно тратить время на ручное форматирование кода.

Ответы (0)