Работа с пользовательскими настройками в Visual Studio Code

Последнее обновление Ноя 25, 2022

Содержание

Пользовательские настройки в Visual Studio Code

Если вы еще не читали пост прошлой недели (и вы являетесь участником сайта), то я призываю вас сделать это сейчас, так как этот начинается именно с того места, где остановился предыдущий.

Короче говоря, мы собираемся начать разговор о настройке кода Visual Studio для профессиональной разработки WordPress. Конечно, возникает вопрос: что такое профессиональная разработка WordPress?

Если вы спросите десять разных людей, вы, вероятно, получите 8-10 разных ответов; однако я бы определил это как использование профессиональных методов разработки программного обеспечения в контексте WordPress.

Естественно, да? Но что это влечет за собой?

Внезапно я думаю о:

Используя соответствующие инструменты управления зависимостями, такие как Composer, NPM или Yarn,
Отладка с использованием точек останова (через var_dump и echo),
Зная, как форматировать код с использованием заданного стандарта (PSR в случае, который я буду использовать),
Организационная структура файла,
Использование таких вещей, как Sass, JavaScript linting и т. д., для облегчения разработки.

Но прежде чем углубиться во все это, я думаю, важно настроить IDE таким образом, чтобы она хорошо выглядела, хорошо работала так, как мы хотим, и чтобы мы понимали, как она работает, чтобы мы могли дополнительно настраивать ее по мере необходимости. возникает потребность.

Итак, в сегодняшней публикации мы рассмотрим именно это: понимание того, как Visual Studio Code управляет настройками, и предлагаемый список параметров конфигурации, которые помогут сделать ваш опыт максимально надежным.

Пользовательские настройки в Visual Studio Code

Прежде чем начать, я рекомендую скачать Fira Code и установить шрифт в выбранной вами операционной системе. Хотя существует множество других шрифтов (например, Source Code Pro ), которые также хороши, я обнаружил, что Fira Code является одним из моих личных фаворитов, особенно с его лигатурами (но об этом чуть позже).

Это то, что вы увидите на скриншотах в оставшейся части этой серии.

1 Общие сведения о настройках

Во-первых, обратите внимание, что Visual Studio Code имеет файл по умолчанию, который он использует для настроек в своих проектах. Вы заметите это, если перейдете в меню «Код» > «Настройки» (или что-то похожее на вашу операционную систему.

Короче говоря, все задается в файле JSON. Вот где это интересно: вы можете настроить этот файл, по существу переопределив то, что он предоставляет, с помощью файла настроек пользователя, который он предоставляет.

И приятно то, что, хотя он переопределяет то, что предлагает Visual Studio, среда IDE всегда будет возвращаться к настройкам по умолчанию, которые поставляются с ней.

В этом конкретном посте я собираюсь рассмотреть простое определение настроек редактора. Однако в будущих постах мы рассмотрим работу с PHP, стандарты кодирования и многое другое.

2 Настройка параметров

В этом посте я предполагаю, что у вас есть открытый проект. Это может быть новый проект или существующий проект. Независимо от того, то, что я собираюсь предложить, все равно будет применяться.

Во-вторых, я собираюсь делать предложения, основанные на типе работы, которую я чаще всего делаю. Хотя я рекомендую эти настройки для других, и хотя мы, возможно, вносим небольшие изменения (например, некоторым линтерам не нужно место для всей этой серии в IDE, это самые общие вещи, которые помогают начать работу).

При первом открытии файла он будет пустым. Помните, что он должен быть написан в правильном формате JSON, иначе он не будет работать (не говоря уже об ошибке).

Вот пример того, что у меня есть в настройках редактора :


{
    // Editor Settings.
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
    "editor.fontSize": 13,
    "editor.renderWhitespace": "all",
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "editor.detectIndentation": false,
    "editor.formatOnSave": false,

    "files.trimTrailingWhitespace": true,

    // ...
}

Каждый должен говорить сам за себя; однако обратите внимание, что у меня для editor.fontLigatures установлено значение true, так как я использую Fira Code. Это изменит некоторые вещи, такие как =, на лигатуру.

Это делает процесс написания кода более приятным.

3 обмена проектами

Наконец, одна из вещей, которые я считаю полезными, — это иметь проекты в одном месте, которое можно использовать на нескольких машинах. Это можно сделать через Google Диск, Dropbox или iCloud Drive.

В любом случае, я рекомендую сделать следующее:

Хранение ваших проектов, предполагая, что они не конфиденциальны, конечно, в файлообменнике,
Сохраните каждый файл рабочей области вместе с файлами проекта в указанной службе.

Таким образом, если вы решите использовать несколько компьютеров, у вас должны быть исходные файлы, необходимые для работы над каждым проектом. Но я не буду здесь останавливаться на этом. Я обсуждал это в предыдущем посте, и процесс все еще звучит.

Я просто подумал, что указать на это было бы хорошим ходом на тот случай, если вы об этом не подумали.

Глядя на стандарты кодирования

Очевидно, что этот пост не слишком технический, но мы начнем внедрять стандарты кодирования в следующем посте, и для этого потребуется немного поработать с Composer, а также с пользовательскими настройками.

И чтобы убедиться, что мы можем это сделать, имеет смысл заложить основу для понимания того, как работают настройки, чтобы мы могли продолжать редактировать их в будущем.

Источник записи: tommcfarlin.com