Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Vs code настройка: Настройка VS Code для разработки на JavaScript

Содержание

Использование расширения Visual Studio Code (предварительная версия) — Power Apps



  • Чтение занимает 3 мин

В этой статье

[Данная статья посвящена предварительному выпуску и может быть изменена.]

Обзор

Visual Studio Code (VS Code) — это легкий, но мощный редактор исходного кода, который работает на вашем рабочем столе и доступен для Windows, macOS и Linux. Он поставляется со встроенной поддержкой JavaScript, TypeScript и Node.js и имеет богатую экосистему расширений для других языков (таких как C++, C#, Java, Python, PHP и Go) и сред выполнения (таких как .NET и Unity). Дополнительные сведения см. в статье о начале работы с VS Code.

VS Code позволяет расширить ваши возможности за счет расширений. Расширения VS Code могут добавить больше функций к общему взаимодействию. С выпуском этой функции теперь вы можете использовать расширение VS Code для работы с порталами Power Apps.

Важно!

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

Расширение VS Code для порталов

Расширение Power Platform VS Code добавляет возможность настройки порталов с помощью VS Code и использования встроенной функции IntelliSense языка Liquid, обеспечивающего помочь с завершением кода, помощью и подсказкой при настройке интерфейса порталов с помощью VS Code. Используя расширение VS Code, вы также можете настраивать порталы через поддержку порталов для Microsoft Power Platform CLI.

Предварительные условия

Перед использованием расширения VS Code для порталов Power Apps необходимо:

Установка расширения VS Code

После установки Visual Studio Code необходимо установить расширение для подключаемого модуля порталов Power Apps для VS Code.

Для установки расширения VS Code:

  1. Откройте Visual Studio Code.

  2. Выберите (Расширения ) в левой области.

  3. Выберите в правом верхнем углу панели расширений.

  4. Найдите и выберите Расширение Power Platform VS Code.

  5. Выберите Установить.

  6. Убедитесь, что расширение успешно установлено по сообщениям о состоянии.

Загрузите контент порталов

Для аутентификации в среде Microsoft Dataverse и чтобы загрузить контент порталов, обратитесь к учебнику Использование интерфейса командной строки Microsoft Power Platform с порталами — загрузка контента порталов.

Поддержка фрагмента кода

При настройке загруженного контента с помощью VS Code теперь вы можете использовать IntelliSense для порталов Power Apps — теги Liquid.

Значки файла

Расширение VS Code для порталов автоматически определяет и отображает значки файлов и папок внутри загруженного содержимого порталов.

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

Для включения темы значков файлов, специфичных для порталов:

  1. Откройте VS Code.

  2. Перейдите Файл > Параметры > Тема значка файла

  3. Выберите тему для значков порталов Power Apps.

Предварительная версия в реальном времени

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

Для предварительного просмотра выберите в правом верхнем углу, если HTML-файл открыт в режиме правки.

Область предварительного просмотра открывается с правой стороны редактируемой страницы.

Функция предварительного просмотра требует, чтобы другие файлы также были открыты в той же сессии VS Code, которые составляют HTML-разметку для отображаемого предварительного просмотра. Например, если открыт только файл HTML, а структура папок не открыта с помощью VS Code, вы увидите следующее сообщение.

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

Автозавершение

Возможность автозавершения в расширении VS Code показывает текущий редактируемый контекст и соответствующие элементы авторазрешения через IntelliSense.

Ограничения

Следующие ограничения в настоящее время применяются к расширению Power Platform VS Code:

См. также

Поддержка порталов для Microsoft Power Platform CLI (предварительная версия)



Настройка VS Code для разработки Vue


Visual Studio Code — один из наиболее часто используемых редакторов кода в мире прямо сейчас. У редакторов, как и у многих программных продуктов, есть цикл. Когда-то фаворитом разработчиков был TextMate, затем Sublime Text, теперь VS Code.

Самое замечательное в популярности состоит в том, что люди посвящают много времени созданию плагинов для всего, что они представляют.

Один из таких плагинов — отличный инструмент, который может помочь нам, разработчикам Vue.js.

Ветур

Это называетсяВетур, он очень популярен, его скачали более 3 миллионов раз, и вы можете найти егов Visual Studio Marketplace.

Установка Vetur

Нажатие кнопки Install вызовет панель установки в VS Code:

Вы также можете открыть расширения в VS Code и выполнить поиск по запросу «vetur»:

Что дает это расширение?

Подсветка синтаксиса

Vetur обеспечивает подсветку синтаксиса для всех файлов исходного кода Vue.

Без Vetur файл .vue будет отображаться VS Code следующим образом:

с установленным Vetur:

VS Code может распознавать тип кода, содержащегося в файле, по его расширению.

Используя однофайловый компонент, вы смешиваете разные типы кода внутри одного файла, от CSS до JavaScript и HTML.

VS Code по умолчанию не может распознать такую ситуацию, а Vetur позволяет выделять синтаксис для каждого типа кода, который вы используете.

Vetur предоставляет поддержку, среди прочего, для

Фрагменты

Как и в случае с подсветкой синтаксиса, поскольку VS Code не может определить тип кода, содержащегося в части файла .vue, он не может предоставить фрагменты, которые мы все любим: фрагменты кода, которые мы можем добавить в файл, предоставляемые специализированными плагинами.

Vetur предоставляет VS Code возможность использовать ваши любимые фрагменты в однофайловых компонентах.

IntelliSense

IntelliSense также включен, Vetur, для каждого отдельного языка с автозаполнением:

Строительные леса

Помимо включения настраиваемых сниппетов, Vetur предоставляет собственный набор сниппетов. Каждый из них создает определенный тег (шаблон, скрипт или стиль) на своем собственном языке:

  • vue
  • template with html
  • template with pug
  • script with JavaScript
  • script with TypeScript
  • style with CSS
  • style with CSS (scoped)
  • style with scss
  • style with scss (scoped)
  • style with less
  • style with less (scoped)
  • style with sass
  • style with sass (scoped)
  • style with postcss
  • style with postcss (scoped)
  • style with stylus
  • style with stylus (scoped)

Если вы напечатаетеvue, вы получите стартовый пакет для однофайлового компонента:

<template>

</template>

<script> export default {

} </script>

<style>

</style>

другие специфичны и создают единый блок кода.

Примечание: (с ограничением) означает, что он применяется только к текущему компоненту

Эммет

Эмметпо умолчанию поддерживается популярный механизм сокращений HTML / CSS. Вы можете ввести одно из сокращений Эммета и, нажавtabVS Code автоматически расширит его до эквивалента HTML:

Линтинг и проверка ошибок

Vetur интегрируется сESLint, сквозьПлагин VS Code ESLint.

Форматирование кода

Vetur обеспечивает автоматическую поддержку форматирования кода для форматирования всего файла при сохранении (в сочетании с"editor.formatOnSave"Настройка VS Code.

Вы можете отключить автоматическое форматирование для определенного языка, установив параметрvetur.format.defaultFormatter.XXXXXкnoneв настройках VS Code. Чтобы изменить одну из этих настроек, просто начните поиск строки и переопределите то, что вы хотите в пользовательских настройках (правая панель).

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

Использует вашу конфигурацию Prettier для определения ваших предпочтений.

Больше руководств по vue:

Установка и настройка VS Code

Установка и настройка VS Code

Установка VS Code

Установка VS Code не представляет сложностей. Достаточно скачать установочный файл со страницы загрузок и запустить его.

Далее необходимо установить Git for Windows, MinGw, CMake и Miniconda3.

Теперь настроим VS Code для удобной работы с языками C++ и Python.

Расширения VS Code

Установите следующие расширения VS Code:

Выбор интерпретатора python

При начале работы с кодом python (файлом с расширением .py) VS Code предложит выбрать интерпретатор python, который будет использоваться для подсветки кода, проверки синтаксиса и вывода подсказок:

Можете, например, выбрать интерпретатор из недавно созданного окружения nsu.

Создадим файл test.py, содержащий одну строку:

Исполнить этот скрипт можно, открыв консоль в VS Code с помощью сочетания клавиш Ctrl+J и набрав в ней

В правом верхнем углу окна находится кнопка с зеленым треугольником &#9655;, нажатие на которую приводит к тому же результату:

Настройка работы с GCC

Создайте файл test.cpp, содержащий следующий код:

#include <iostream>

int main() {
    std::cout << "Hello, world!" << std::endl;
    return 0;
}

Скомпилируем его с помощью компилятора GCC и командной строки. Откройте консоль в VS Code (Ctrl+J) и исполните команду

Компилятор создал исполняемый файл a.exe. Запустите его:

Работает. Настроим теперь VS Code для автоматизации этого действия. Выберите в меню пункт Terminal -> Configure Default Build Task...:

Выберите из выпавшего списка пункт g++.exe. В результате будет сгенерирован файл .vscode/tasks.json подобный такому:

{
    "version": "2.0.0",
    "tasks": [
        {
            "type": "shell",
            "label": "C/C++: cpp.exe build active file",
            "command": "D:\\mingw\\mingw32\\bin\\g++.exe",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}\\${fileBasenameNoExtension}.exe"
            ],
            "options": {
                "cwd": "${workspaceFolder}"
            },
            "problemMatcher": [
                "$gcc"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

Теперь при нажатии клавиш Ctrl+Shift+B или выборе пункта меню Terminal -> Run Build Task будет выполняться компиляция открытого файла. Для файла test.cpp будет создан исполняемый файл test.exe.

Работа с CMake

Откройте новую рабочую директорию VS Code, создайте в ней файл main.cpp, содержащий следующий код:

#include <iostream>

int main() {
    std::cout << "Hello, world!" << std::endl;
    return 0;
}

и файл CMakeLists.txt со следующим содержанием:

cmake_minimum_required(VERSION 3.0.0)
add_executable(test main.cpp)

Эти два файла составляют минимальный CMake-проект. Выполним сначала сборку CMake-проекта через консоль: создайте в рабочей директории поддиректорию build, в которой будет осуществляться сборка, и перейдите в неё:

Выполните настройку проекта и запустите сборку:

> cmake -G "MinGW Makefiles" ..
> cmake --build .

В первой команде мы указали, что сборка будет осуществляться с помощью MinGW и что файлы проекта расположены в родительской директории (путь ..). Вторая команда осуществляет сборку в текущей директории (путь .). В директории build должен появиться исполняемый файл test.exe.

Расширение VS Code для работы с CMake позволяет автоматизировать сборку проекта. Выберите рабочую директорию VS Code (комбинация клавиш Ctrl+K+O), содержащую файлы main.cpp и CMakeLists.txt. Наберите комбинацию клавиш Ctrl+Shift+P и в строке сверху наберите команду >CMake: Configure. Это запустит настройку инструментов CMake. После завершения настройки в нижней части окна появятся инструменты управления сборкой:

Кнопку «Сборка» запускает сборку, а кнопка &#9655; — исполняемый файл.

Если автоматическая настройка CMake привела к ошибке, то, вероятно, инициализация CMake выполнилась без параметра -G "MinGW Makefiles". В этом случае выполните эту команду в консоли, как показано выше. Достаточно выполнить это действие один раз, после чего конфигурация этого и других проектов будет выполняться верно.

Работа с git

Покажем как можно работать с git-репозиторием через VS Code. Выполните fork репозитория задания Hello, Classroom на GitHub:

Это действие создает новый репозиторий в Вашем аккаунте. Разрешите автоматическое тестирование решения, нажав на большую зеленую кнопку во вкладке Actions:

Новый репозиторий необходимо клонировать на Вашу локальную систему. Удобнее всего это делать с помощью протокола ssh. Для этого сначала необходимо включить OpenSSH Client, который по умолчанию выключен.

Взаимодействие с GitHub репозиторием будет происходить по протоколу ssh с помощью техники шифрования с открытым ключом. Создать пару из приватного и публичного ключа можно в консоли:

>ssh-keygen
Generating public/private rsa key pair.

По умолчанию сгенерированные ключи будут расположены в директории ~\.ssh. Файл с публичным ключом называется id-rsa.pub. Публичный ключ нужно добавить на GitHub. Для этого откройте раздел SSH and GPG keys в меню Settings и нажмите на кнопку New SSH key:

Заполните открывшуюся форму. В поле Key нужно скопировать содержимое файла id-rsa.pub. Проследите, чтобы при копировании не появились лишние переносы строк. Весь ключ должен быть расположен в одной строке.

Теперь мы готовы к клонированию репозитория. Выберите на компьютере директорию, в которой Вы будете работать с заданиями курса и перейдите в неё. Откройте страницу репозитория hello-classroom в Вашем аккаунте GitHub и скопируйте строку для клонирования через ssh:

Выполните в консоли команду git clone:

> git clone [email protected]:fakestud/hello-classroom.git
Cloning into 'hello-classroom'...
remote: Enumerating objects: 15, done.
remote: Counting objects: 100% (15/15), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 15 (delta 0), reused 15 (delta 0), pack-reused 0
Receiving objects: 100% (15/15), done

Строка [email protected]:fakestud/hello-classroom.git есть скопированная выше строка. Репозиторий был клонирован в директорию hello-classroom. Выберите её в качестве рабочей директории VS Code. Прочитайте файл README.md, содержащий инструкции по решению задания. После решения задания выполните локальную проверку:

> conda activate nsu
> pip install -r .\requirements.txt
> g++ -std=c++17 main.cpp -o a.out
> test_cmd tests/ .\a.out
Running 1 tests on 4 CPUs...

test1
Command: .\a.out
Success

All 1 tests passed.

Тесты пройдены успешны. Значит, мы готовы к синхронизации репозитория GitHub с нашей локальной версией. В командной строке для этого достаточно выполнить следующие команды:

git add main.cpp
git commit -m "Task solved"
git push -u origin master

Редактор VS Code позволяет выполнить эти действия через графический интерфейс. VS Code отслеживает изменения локальной версии репозитория. Откройте вкладку контроля версий слева и посмотрите на список изменившихся файлов. В нашем случае это должен быть только файл main.cpp. Выполните команду git add, нажав на кнопку +:

Затем команду git commit, нажав на кнопку &#10003; и введя комментарий в текстовом поле:

Наконец, выполните команду git push:

Источники

Как изменить настройки visual studio code

Я пытаюсь изменить visual studio code settings.json, но это не работает. Я обновил это в C:\Users\Userid\AppData\Roaming\Code\User\settings.json, но не работает. Как отредактировать файл settings.json в vs code?

{
    "css.experimental.customData": ["./css.json"],
    "json.schemas": [ 
        {
            "fileMatch": ["/css.json"],
            "url": "https://raw.githubusercontent.com/Microsoft/vscode-css-languageservice/master/docs/customData.schema.json"
        }
    ]
}

visual-studio

visual-studio-code

vscode-settings

Поделиться

Источник


cinnan    

27 марта 2019 в 07:26

2 ответа


  • Visual Studio Code: формат не использует настройки отступа

    При использовании команды Format Code в Visual Studio Code она не соблюдает Мои настройки отступа ( editor.tabSize: 2 ). вместо этого использует размер вкладки 4. Есть идеи, почему это происходит? Спасибо!

  • Ионид-fsharp для Visual Studio Code

    После того как я установил Ionide для Visual Studio Code, как мне начать его использовать (например, подсветка синтаксиса, автозаполнение)? Какие настройки я должен изменить?



2

Настройки VSCode разделены на 2 категории: Пользователь и Рабочее пространство.

Настройки пользователя

Параметры, которые применяются глобально к любому экземпляру кода VS, который вы открываете.

Вы можете изменить эти настройки, нажав ctrl + ,
, он должен открыться на вкладке «Настройки пользователя». Если это не так, перейдите на вкладку Настройки пользователя, чтобы изменить настройки пользователя. Обратите внимание, что эти параметры будут влиять на все проекты, которые вы открываете с помощью VSCode.

VSCode панель настроек с открытой вкладкой Настройки пользователя

Редактирование схем JSON

Страница настроек VSCode не позволяет напрямую редактировать схемы JSON.
Для редактирования параметров схемы JSON:
1. Найдите схемы JSON на странице настроек VSCode
2. Нажмите кнопку «изменить в settings.json»
3. Измените настройки
4. Готово!

JSON настройка схемы в VSCode

Параметры рабочего пространства

Настройки хранятся в рабочей области и применяются только при ее открытии.

Параметры рабочей области переопределяют параметры пользователя.

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

css.experimental.customData

Вы должны поместить свой файл css.json в .vscode.

projectRoot/.vscode/css.json

{
  "version": 1,
  "pseudoElements": [
    { "name": "::bar", "description": "Foo pseudo elements" }
  ]
}

projectRoot/.vscode/settings.json

{
  "css.experimental.customData": ["./.vscode/css.json"],
  "json.schemas": [{
    {
      "fileMatch": ["css.json"],
      "url": "https://raw.githubusercontent.com/Microsoft/vscode-css-languageservice/master/docs/customData.schema.json"
    }
  ]
}

Примечание: для применения изменений после редактирования css.json требуется перезагрузка .

Вы также можете применить приведенные выше инструкции для html.json

Поделиться


jro    

27 марта 2019 в 09:30



1

Добавьте папку с именем «.vscode» в свой проект и settings.json там. Однако имейте в виду, что эти настройки зависят от конкретного проекта

Поделиться


Joscha    

27 марта 2019 в 07:28


  • Изменение пути по умолчанию для интегрированного Visual Studio Code terminal

    Я пытаюсь изменить путь по умолчанию для интегрированного terminal в Visual Studio Code, но не знаю, как это сделать. Я знаю, как изменить его в командной строке windows, но не в Visual Studio Code. Я заглянул в Настройки пользователя, но не нашел там ничего, что можно было бы изменить. Текущий…

  • Visual Studio Code игнорирует настройки версии typescript

    Я не могу заставить Visual Studio Code обновить версию typescript, на которой он работает. Я подробно прочитал ответ на этот вопрос . Я попытался установить свои пользовательские настройки на: { typescript.tsdk: C:\\Users\\myUser\\AppData\\Roaming\\npm\\node_modules\\typescript\\lib } Это не…


Похожие вопросы:

Как изменить версию dnx по умолчанию Visual Studio Code?

Я не уверен, что это возможно, но я хочу изменить версию dnx, когда dnx . бегите от Visual Studio Code. Даже если моя текущая версия dnx 1.0.0-beta5-11682 coreclr Visual Studio Code работает с…

Как сбросить настройки в Visual Studio Code?

Это простая вещь, и я был почти уверен, что она хорошо описана, но удивительно, что это не так очевидно. Здесь я нашел подробное описание файла настроек. Как он утверждает , это должен быть файл…

Невозможно изменить настройки visual studio code

Я пытаюсь изменить настройки visual studio code, но ничего не могу изменить. Что же мне делать ? Я хочу установить кодировку на files.encoding: ISO 8859-1,

Visual Studio Code: формат не использует настройки отступа

При использовании команды Format Code в Visual Studio Code она не соблюдает Мои настройки отступа ( editor.tabSize: 2 ). вместо этого использует размер вкладки 4. Есть идеи, почему это происходит?…

Ионид-fsharp для Visual Studio Code

После того как я установил Ionide для Visual Studio Code, как мне начать его использовать (например, подсветка синтаксиса, автозаполнение)? Какие настройки я должен изменить?

Изменение пути по умолчанию для интегрированного Visual Studio Code terminal

Я пытаюсь изменить путь по умолчанию для интегрированного terminal в Visual Studio Code, но не знаю, как это сделать. Я знаю, как изменить его в командной строке windows, но не в Visual Studio Code….

Visual Studio Code игнорирует настройки версии typescript

Я не могу заставить Visual Studio Code обновить версию typescript, на которой он работает. Я подробно прочитал ответ на этот вопрос . Я попытался установить свои пользовательские настройки на: {…

Изменение пользователя git внутри Visual Studio Code

Пользователь для моих git коммитов изменился, но я не могу изменить это внутри Visual Studio Code. Я изменил глобальные настройки в git, но когда я хочу нажать или синхронизировать через Visual…

Как сложить большие массивы json в Редакторе visual studio code в mac?

Я прочитал этот ответ ( как свернуть разделы кода в Visual Studio Code для Windows? ) и попытался изменить настройки, расширения и т. д… Мне все-таки пришлось вернуться к возвышенному, не складной…

Использование Ironpython в Visual Studio Code

Я пытаюсь использовать IronPython в Visual Studio Code. Как мне указать Visual Studio Code на мой IronPython (C:\Program файлов (x86)\IronPython 2.7\ipy.exe). Я искал на форумах и потерпел неудачу….

setup_overview

Visual Studio Code Docs Ru

Начните и работать с Visual Studio Code быстро и легко. Загрузка очень быстрая, поэтому вы можете установить его через несколько минут и попробовать.

VS Code — бесплатный редактор кода, который работает в операционных системах Mac, Linux и Windows.

 

Следуйте инструкциям ниже:

 

 

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

Новая версия VS Code выходит каждый месяц с новыми функциями и важными исправлениями ошибок. Большинство платформ поддерживают автоматическое обновление, и вам будет предложено установить новую версию, когда она станет доступной. Вы также можете вручную проверить наличие обновлений, нажав Справка > Проверить наличие обновлений.

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

VS Code — это первый редактор, и мы гордимся тем, что он занимает немного места. В отличие от традиционных IDE со всем, кроме кухонной мойки, вы можете настроить свою установку на технологии разработки, о которых вы заботитесь. Обязательно прочитайте раздел Дополнительные компоненты после прочтения руководств по платформам, чтобы узнать о настройке установки VS Code.

Расширения VS Code позволяют третьим лицам добавлять дополнительную поддержку:

 

  • Языки — C++, C #, Go, Python
  • Инструменты — ESLint, JSHint, PowerShell, Visual Studio Team Services
  • Отладчики — Chrome, PHP XDebug.
  • Горячие клавиши — Vim, Sublime Text, IntelliJ, Emacs, Atom, Visual Studio, Eclipse

 

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

Многие предприятия требуют, чтобы их компьютеры работали через прокси-сервер и не допускали прямого доступа к Интернету. Прокси-серверный посредник может ограничить доступ к магазину расширений VS Code и предотвратить установку расширений VS Code.

 

Если вы работаете на машине, где интернет-трафик должен пройти через прокси-сервер, настройте прокси-сервер одним из следующих способов:

  • Установите переменные среды операционной системы http_proxy и https_proxy

SET http_proxy=https://10.203.0.1:5187/

  • Настройте параметры http.proxy в настройках пользователя (Файл > Настройки > Настройки или Код > Настройки > Настройки на Mac):

«http.proxy»: «https://10.203.0.1:5187/»

Или для аутентификационного прокси

«http.proxy»: «https://userid:[email protected]:5187/»

Кроме того, используйте «http.proxyStrictSSL»: false, если ваш прокси-сервер использует самозаверяющий сертификат.

Примечание: VS Code поддерживает HTTP и HTTPS-прокси, но не SOCKS-прокси.

После того, как вы установили и настроили VS Code, эти темы помогут вам узнать больше о VS Code:

 

 

Если вы хотите быстро запустить что-то, попробуйте руководство Node.js, в котором вы сможете отладить веб-приложение Node.js с помощью VS Code за считанные минуты.

В: Каковы системные требования для VS Code?

О: У нас есть список Системных требований.

 

В: Насколько велик VS Code?

О: VS Code — установщик весит<100 МБ и имеет размер на диске менее 200 МБ, поэтому вы можете быстро установить VS Code и попробовать его.

 

В: Как мне создать и запустить новый проект?

О: VS Code не содержит традиционный диалог Файл > Новый проект или предустановленные шаблоны проектов. Вам нужно будет добавить дополнительные компоненты и папки в зависимости от ваших интересов. С помощью таких инструментов, как Yeoman и множество модулей, доступных через менеджера пакетов NPM, вы обязательно найдете подходящие шаблоны и инструменты для создания ваших проектов.

 

В: Как узнать, какая версия я запускаю?

О: В Linux и Windows выберите Справка > О программе. На Mac используйте Code > About Visual Studio Code.

 

 

В: Почему VS Code говорит, что моя установка повреждена?

О: VS Code обнаружил, что некоторые файлы установки были изменены, возможно, с помощью расширения. Повторная установка VS Code заменит затронутые файлы. Дополнительную информацию см. В разделе часто задаваемых вопросов.

Настройка подключения при помощи VS Code

Visual Studio Code  — редактор исходного кода, имеющий широкие возможности для кастомизации. В том числе редактор поддерживает установку готовых расширений для удалённой разработки. Например, расширение Remote SSH позволяет получить удаленный доступ к серверу с помощью протокола SSH.

Включение SSH

Для удаленного подключения через VS Code необходимо включить возможность использовать SSH (подробнее о данном протоколе здесь). По умолчанию на всех тарифах нашего хостинга доступ по протоколу SSH выключен.

Чтобы включить доступ по SSH, потребуется нажать на кнопку включения доступа в Панели Управления аккаунтом. Она располагается на главной странице в разделе «Тех. информация».

Настройка подключения

Для удаленной разработки VS Code копирует свою бинарную часть, vscode-server, на удаленный сервер и запускает его, после чего клиент обменивается информацией с сервером. Для работы бинарной части требуется проксировать подключение в docker.

Первым шагом нужно прокинуть публичный ssh-ключ на сервере. Для начала проверьте, нет ли уже созданных ключей. Выполнить это можно прямо из Панели управления хостингом, через web-терминал:

[email protected]:~ [0] $ ll -l .ssh/
total 28K
drwx------+  2 ikigai newcustomers 4,0K мая   28  2020 ./
drwx------+ 21 root   root         4,0K марта 19 02:56 ../
-rwx------+  1 ikigai newcustomers  404 мая   28  2020 authorized_keys*
-rwx------+  1 ikigai newcustomers 1,7K мая   28  2020 id_rsa*
-rwx------+  1 login newcustomers  404 мая   28  2020 id_rsa.pub*

Если файлы с названием id_rsa* отсутствуют, сгенерируйте ключ:

[email protected]:~ [0] $ ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (/home/i/ikigai/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /home/i/ikigai/.ssh/id_rsa.
Your public key has been saved in /home/i/ikigai/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:YmTciV/8VMK6SxLPniAKweov/lQipIaruMd7j26qSq4 [email protected]
The key's randomart image is:
+---[RSA 2048]----+
|           .. .  |
|     . o o  .o   |
| o    = o o..    |
|+ o  o ....o     |
|o+ o .o S+ ..    |
|o.o o...o =      |
|oo o . . = o     |
|=o+ +.    +      |
|E**Oo..          |
+----[SHA256]-----+

Добавьте публичный ключ в доверенные, чтобы подключение по localhost не требовало пароль при каждой попытке подключения.

[email protected]:~ [0] $ cat .ssh/id_rsa.pub >> .ssh/authorized_keys
[email protected]:~ [0] $ chmod 600 .ssh/authorized_keys

Установка и настройка VS Code

Скачать VS Code можно здесь.

Также потребуется скачать и установить расширение Remote SSH. Вы можете найти Remote SSH во вкладке «Расширения» (Ctrl+Shift+X):

После установки расширения вы увидите индикатор в нижнем левом углу строки состояния. Этот индикатор сообщает вам, в каком контексте выполняется VS Code (локальном или удаленном). Щелкните индикатор, чтобы открыть список команд удаленного расширения:

Для подключения к серверу сформируйте конфигурационный файл. Для этого выберите «Open Сonfiguration file» — «… /.ssh/config».

Добавьте и сохраните в файле конфигурации параметры для подключения. Пример конфигурации:

Host ikigai_test
    HostName localhost
    Port 222
    User ikigai
    IdentityFile ~/.ssh/id_rsa
    ProxyJump [email protected]
    ProxyCommand ssh -W %h:%p [email protected]

«Host» может быть любым именем. В параметрах «User», «ProxyJump», «ProxyCommand» укажите ваши данные соответственно.

Подключение к серверу

После создания файла конфигурации по индикатору откройте список команд удаленного расширения. Выберите вариант подключения: в текущем окне или в дополнительном.

Из списка выберите добавленный вами Host:

При первом подключении подтвердите все указанные действия:

Поздравляю, вы успешно подключились по SSH через VS Code:

Настройка visual studio code (vs code) для разработчика 2020

Если прошлая статья про Sublime Text вам не зашла, так как Вы любитель VS Code. Тогда представляем наши настройки для редактора Visual Studio Code актуальные на 2020 год и далее. Редактор получится очень красивым и удобным, Вы без проблем сможете разрабатывать сайты и не париться.

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

Для начала установим плагины и темы, для этого в левой панели выберите последний пункт «Extensions«, сочетание клавиш ctrl + shift + x, далее в поиск вводим название нужного расширения и нажимаем «Install«.

Список плагинов, которые мы рекомендуем:

  1. Sublime Text Keymap and Settings Importer — Перенос настроек и горячих клавиш из Sublime
  2. Auto Close Tag — авто закрытие тегов
  3. Auto Rename Tag — авто изменение имени тегов
  4. Bracket Pair Colorizer — Цветные скобки исходя из иерархии
  5. ESLint — помощник в JavaScript
  6. PHP IntelliSense — помощник в PHP
  7. Vetur — поддержка VueJS
  8. vscode-icons или Material Icon Theme — Иконки файлов
  9. Sass — поддержка Sass
  10. AutoFileName — подсказка имени файла
  11. Color Picker — окно с выбором цвета
  12. Live Server — Лайв сервер
  13. Laravel Blade Snippets — поддержка Laravel Blade
  14. Open in Browser — Открыть в браузере
  15. One Dark Pro Theme

Для перехода в файл настроек, нажмите сочетание клавиш ctrl +shift +p, в поиске введите settings и выберите из списка «Open Default Settings (JSON)«

Код для вставки в файл настроек:

{
	"workbench.startupEditor": "newUntitledFile",
	"git.ignoreMissingGitWarning": true,
	"workbench.colorTheme": "One Dark Pro",
	"workbench.iconTheme": "material-icon-theme",
	"editor.fontFamily": "Fira Code",
	"terminal.integrated.fontSize": 17,
	"terminal.integrated.shell.windows": "E:\\Program Files\\Git\\bin\\bash.exe",
	"window.menuBarVisibility": "toggle",
	"workbench.statusBar.visible": true,
	"workbench.activityBar.visible": true,
	"editor.minimap.enabled": false,
	"files.defaultLanguage": "html",
	"editor.fontSize": 16,
	"editor.lineHeight": 24,
	"editor.tabSize": 2,
	"workbench.editor.tabSizing": "shrink",
	"editor.detectIndentation": false,
	"editor.insertSpaces": false,
	"editor.folding": false,
	"editor.glyphMargin": false,
	"editor.smoothScrolling": true,
	"editor.multiCursorModifier": "ctrlCmd",
	"emmet.includeLanguages": {
			"blade": "html"
	},
	"editor.snippetSuggestions": "top",
	"editor.formatOnPaste": true,
	"editor.wordWrap": "on",
	"window.zoomLevel": 0,
	"editor.fontLigatures": true,
	"workbench.editor.highlightModifiedTabs": true,
	"files.autoSave": "afterDelay",
	"explorer.sortOrder": "type",
	"editor.acceptSuggestionOnEnter": "off"
}

Более поробно, все описани в нашем видео!

P.S. Чтобы Emmet быстро работал, как в Sublime. Добавьте в код настроек:

"emmet.showExpandedAbbreviation": "never",
"emmet.triggerExpansionOnTab": true


Чтобы более подробно разобраться в данной теме «Настройка visual studio code (vs code) для разработчика 2020» советую посмотреть наше видео на эту тему:

Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте.
Регистрация — Войти — Наши курсы. Задавайте вопросы в комментариях!

Настройка Visual Studio Code

Начать работу с Visual Studio Code легко и быстро. Это небольшая загрузка, поэтому вы можете установить ее за считанные минуты и попробовать VS Code.

Кроссплатформенный

VS Code — бесплатный редактор кода, работающий в операционных системах macOS, Linux и Windows.

Следуйте приведенным ниже руководствам для конкретных платформ:

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

Частота обновления

VS Code выпускает новую версию каждый месяц с новыми функциями и исправлениями важных ошибок. Большинство платформ поддерживают автоматическое обновление, и вам будет предложено установить новую версию, когда она станет доступной. Вы также можете вручную проверить наличие обновлений, запустив Help > Check for Updates в Linux и Windows или запустив Code > Check for Updates в macOS.

Примечание. Вы можете отключить автоматическое обновление, если предпочитаете обновлять VS Code по своему собственному расписанию.

Еженедельная сборка инсайдеров

Если вы хотите попробовать наши ночные сборки, чтобы увидеть новые функции раньше или проверить исправления ошибок, вы можете установить нашу сборку для инсайдеров. Сборка Insiders устанавливается параллельно с ежемесячной стабильной сборкой, и вы можете свободно работать с любой из них на одном компьютере. Сборка Insiders — это та же самая сборка, которую команда разработчиков VS Code использует ежедневно, и мы очень ценим людей, пробующих новые функции и оставляющих отзывы.

Портативный режим

Visual Studio Code поддерживает установку в переносном режиме. Этот режим позволяет всем данным, созданным и поддерживаемым VS Code, жить рядом с собой, поэтому их можно перемещать в разных средах, например, на USB-накопитель. Подробности см. В документации по переносимому режиму VS Code.

Дополнительные компоненты

VS Code — это, прежде всего, редактор, который занимает мало места. В отличие от традиционных IDE, которые, как правило, включают в себя все, кроме кухонной мойки, вы можете настроить свою установку в соответствии с технологиями разработки, которые вам нужны.Обязательно прочтите тему «Дополнительные компоненты» после прочтения руководств по платформе, чтобы узнать о настройке установки VS Code.

Расширения

Расширения VS Code позволяют сторонним разработчикам добавлять поддержку для дополнительных:

  • Языки — C ++, C #, Go, Java, Python
  • Инструменты

  • — ESLint, JSHint, PowerShell
  • Отладчики

  • — PHP XDebug.
  • раскладки клавиатуры — Vim, Sublime Text, IntelliJ, Emacs, Atom, скобки, Visual Studio, Eclipse

Расширения интегрируются в пользовательский интерфейс VS Code, команды и системы запуска задач, поэтому вам будет легко работать с различными технологиями через общий интерфейс VS Code.Посетите рынок расширений VS Code, чтобы узнать, что доступно.

Следующие шаги

После установки и настройки VS Code эти темы помогут вам узнать больше о VS Code:

Если вы хотите, чтобы что-то работало быстро, попробуйте пошаговое руководство по Node.js, которое поможет вам отладить веб-приложение Node.js с помощью VS Code за считанные минуты.

Общие вопросы

Какие системные требования для VS Code?

У нас есть список системных требований.

Насколько велик VS Code?

VS Code — это небольшая загрузка (<100 МБ), занимающая место на диске менее 200 МБ, поэтому вы можете быстро установить VS Code и попробовать его.

Как мне создать и запустить новый проект?

VS Code не включает традиционное диалоговое окно File > New Project или предустановленные шаблоны проектов. Вам нужно будет добавить дополнительные компоненты и скаффолдеры в зависимости от ваших интересов разработки. С такими инструментами создания шаблонов, как Yeoman, и множеством модулей, доступных через диспетчер пакетов npm, вы обязательно найдете подходящие шаблоны и инструменты для создания своих проектов.

Как узнать, какая у меня версия?

В Linux и Windows выберите Справка > О . В macOS используйте Code > О Visual Studio Code .

Почему VS Code сообщает, что моя установка не поддерживается?

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

Как я могу выполнить «чистую» деинсталляцию VS Code?

Если вы хотите удалить все пользовательские данные после удаления VS Code, вы можете удалить папки пользовательских данных Code и .vscode . Это вернет вас в состояние, в котором вы установили VS Code. Это также можно использовать для сброса всех настроек, если вы не хотите удалять VS Code.

Расположение папок зависит от вашей платформы:

  • Windows — удалить % APPDATA% \ Code и % USERPROFILE% \. Vscode .
  • macOS — Удалите $ HOME / Library / Application Support / Code и ~ / .vscode .
  • Linux — удалить $ HOME /.config / Код и ~ / .vscode .

07.10.2021

рабочих пространств в Visual Studio Code

«Рабочая область» Visual Studio Code — это набор из одной или нескольких папок, которые открываются в окне VS Code (экземпляре). В большинстве случаев у вас будет одна папка, открытая в качестве рабочей области, но, в зависимости от вашего рабочего процесса разработки, вы можете включить более одной папки, используя расширенную конфигурацию под названием Многокорневые рабочие области.

Концепция рабочего пространства позволяет VS Code:

  • Настройте параметры, которые применяются только к определенной папке или папкам, но не к другим.
  • Сохранять конфигурации запуска задач и отладчика, которые действительны только в контексте этой рабочей области.
  • Сохранение и восстановление состояния пользовательского интерфейса, связанного с этим рабочим пространством (например, открытых файлов).
  • Выборочно включать или отключать расширения только для этой рабочей области.

Вы можете увидеть, что термины «папка» и «рабочая область» взаимозаменяемы в документации VS Code, проблемах и обсуждениях сообщества.Думайте о рабочем пространстве как о корне проекта, который имеет дополнительные знания и возможности VS Code.

Примечание: Также можно открыть VS Code без рабочей области. Например, когда вы открываете новое окно VS Code, выбирая файл в меню File вашей платформы, вы не попадете в рабочую область. В этом режиме некоторые возможности VS Code ограничены, но вы все равно можете открывать текстовые файлы и редактировать их.

Как открыть «рабочую область» VS Code?

Самый простой способ открыть рабочее пространство — использовать меню Файл и выбрать одну из доступных записей папки для открытия.В качестве альтернативы, если вы запускаете VS Code с терминала, вы можете передать путь к папке в качестве первого аргумента команды code для открытия.

Рабочие области с одной папкой

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

Рабочее пространство с одной папкой, открытое внутри VS Code

Многокорневые рабочие области

Многокорневые рабочие области — это расширенная возможность VS Code, которая позволяет настроить несколько отдельных папок, которые будут частью рабочей области. Вместо того, чтобы открывать папку как рабочую область, вы откроете .code-workspace JSON-файл, в котором перечислены папки рабочей области. Например:

  {
  "папки": [
    {
      "путь": "моя-папка-а"
    },
    {
      "путь": "моя-папка-б"
    }
  ]
}  

Многокорневое рабочее пространство, открытое в VS Code

Примечание: Визуальная разница между открытием папки и открытием файла .code-workspace может быть незначительной.Чтобы дать вам подсказку, что был открыт файл .code-workspace , в некоторых областях пользовательского интерфейса (например, в корне File Explorer) отображается дополнительный суффикс (Workspace) рядом с именем.

Многокорневые рабочие области без названия

Легко добавлять или удалять папки в вашем рабочем пространстве. Вы можете начать с открытия папки в VS Code, а затем добавить другие папки по своему усмотрению. Если вы еще не открыли файл .code-workspace , при первом добавлении второй папки в рабочее пространство VS Code автоматически создаст «безымянное» рабочее пространство.В фоновом режиме VS Code автоматически поддерживает для вас файл untitled.code-workspace , который содержит все папки и настройки рабочего пространства из текущего сеанса. Рабочее пространство останется «без названия», пока вы не решите сохранить его на диск.

В VS Code открыто безымянное многокорневое рабочее пространство

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

Настройки рабочего пространства

Параметры рабочего пространства позволяют настраивать параметры в контексте открытого рабочего пространства и всегда отменяют глобальные параметры пользователя. Они физически хранятся в файле JSON, и их расположение зависит от того, открыли ли вы папку как рабочую область или вы открыли файл .code-workspace .

См. Документацию по настройкам для исчерпывающего объяснения настроек областей и расположения их файлов.

Настройки рабочего пространства с одной папкой

Настройки рабочего пространства будут сохранены в .vscode / settings.json , когда вы откроете папку как рабочее пространство.

Редактор настроек, когда папка открыта как рабочее пространство

Настройки многокорневой рабочей области

Когда вы открываете .code-workspace как рабочее пространство, все настройки рабочего пространства будут добавлены в .code-workspace файл.

Вы по-прежнему можете настраивать параметры для каждой корневой папки, и редактор параметров представит третью область параметров, которая называется Параметры папки :

Редактор настроек при открытии многокорневой рабочей области

Параметры, настроенные для каждой папки, имеют приоритет над параметрами, заданными в .code-workspace .

Задачи рабочего пространства и конфигурации запуска

Подобно тому, как настройки рабочего пространства относятся к рабочему пространству, задачи и конфигурации запуска также могут быть привязаны к рабочему пространству.В зависимости от того, открыта ли у вас папка как рабочая область или файл .code-workspace , расположение задачи рабочей области и конфигураций запуска будет либо внутри папки .vscode , либо внутри файла .code-workspace . Кроме того, конфигурации задач и запуска всегда можно определить на уровне папки, даже если вы открыли файл .code-workspace .

Обратитесь к разделам о задачах и отладке, чтобы получить более полный обзор того, как использовать задачи и запускать конфигурации в VS Code.

Общие вопросы

В чем преимущество многокорневой рабочей области над папкой?

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

Даже если вы в основном работаете в проекте с одной папкой, вы можете извлечь выгоду из использования файлов .code-workspace . Вы можете хранить несколько .code-workspace внутри папки, чтобы обеспечить вид папки с определенными аспектами проекта в зависимости от сценария (например, client.code-workspace , server.code-workspace , чтобы отфильтровать несвязанные папки из Проводник). Поскольку файлы .code-workspace поддерживают относительные пути для раздела папок , эти файлы рабочей области будут работать для всех, независимо от того, где хранится папка.

Наконец, если для некоторых проектов вы хотите применить тот же набор настроек рабочего пространства или задач / конфигураций запуска, рассмотрите возможность добавления их в .code-workspace и добавьте / удалите эти папки из этого рабочего пространства.

Почему VS Code восстанавливает все безымянные рабочие области при перезапуске?

Рабочие области без названия созданы таким образом, чтобы вы сами решали сохранять или нет. При первом создании безымянной рабочей области VS Code добавляет указанные папки в файл рабочей области, а также все существующие настройки рабочей области. Эти пользовательские данные всегда восстанавливаются и отображаются в окне VS Code до тех пор, пока безымянная рабочая область не будет сохранена или удалена.

Как удалить рабочее пространство без названия?

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

Могу ли я использовать многокорневое рабочее пространство без папок?

Можно оставить раздел папок в файле .code-workspace пустым, чтобы получить экземпляр VS Code, в котором не отображаются корневые папки. В этом случае вы все равно можете сохранять настройки рабочего пространства и даже задачи или запускать конфигурации.

Поддерживает ли VS Code проекты или решения?

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

07.10.2021

Синхронизация настроек

в Visual Studio Code

Settings Sync позволяет вам обмениваться конфигурациями Visual Studio Code, такими как настройки, привязки клавиш и установленные расширения, на ваших машинах, чтобы вы всегда работали со своей любимой настройкой.

Включение синхронизации настроек

Вы можете включить синхронизацию настроек с помощью записи Включить синхронизацию настроек ... в меню с шестеренкой Управление в нижней части панели активности.

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

При нажатии кнопки Войти и включить вам будет предложено выбрать между входом в систему с учетной записью Microsoft или GitHub.

После выбора этого варианта откроется браузер, в котором вы сможете войти в свою учетную запись Microsoft или GitHub.Когда выбрана учетная запись Microsoft, вы можете использовать либо личные учетные записи, такие как учетные записи Outlook, либо учетные записи Azure, а также можете связать учетную запись GitHub с новой или существующей учетной записью Microsoft.

После входа в систему будет включена синхронизация настроек, которая продолжит автоматическую синхронизацию ваших настроек в фоновом режиме.

Объединить или заменить

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

  • Объединить : выбор этого параметра объединит локальные настройки с удаленными настройками из облака.
  • Заменить локальный : выбор этого параметра перезапишет локальные настройки удаленными настройками из облака.
  • Объединить вручную ... : Выбор этой опции откроет представление Объединяет , в котором вы можете объединить настройки одно за другим.

Настройка синхронизируемых данных

Параметры станка (для станка с диапазоном или с переопределением для станка ) по умолчанию не синхронизируются, поскольку их значения специфичны для данного станка.Вы также можете добавить или удалить настройки, которые вы хотите в этот список, из редактора настроек или с помощью настройки settingsSync.ignoredSettings .

Сочетания клавиш

по умолчанию синхронизируются для каждой платформы. Если сочетания клавиш не зависят от платформы, вы можете синхронизировать их между платформами, отключив параметр settingsSync.keybindingsPerPlatform .

Все встроенные и установленные расширения синхронизируются вместе с их глобальным состоянием включения.Вы можете пропустить синхронизацию расширения либо в представлении «Расширения» (⇧⌘X (Windows, Linux Ctrl + Shift + X)), либо с помощью параметра settingsSync.ignoredExtensions .

Следующее состояние пользовательского интерфейса в настоящее время синхронизировано:

  • Язык дисплея
  • Записи панели действий
  • Панельные вводы
  • Вид и видимость
  • Недавно использованные команды
  • Больше не показывать уведомления

Вы всегда можете изменить то, что синхронизируется, с помощью команды Settings Sync: Configure или открыв меню с шестеренкой Manage , выбрав Settings Sync is On , а затем Settings Sync: Configure .

Конфликты

При синхронизации настроек между несколькими машинами время от времени могут возникать конфликты. Конфликты могут возникать при первой настройке синхронизации между машинами или при изменении настроек, когда машина находится в автономном режиме. При возникновении конфликтов вам будут предложены следующие варианты:

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

Смена счетов

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

Синхронизация стабильной версии и инсайдеров

По умолчанию сборки VS Code Stable и Insiders используют разные службы синхронизации настроек и, следовательно, не разделяют настройки. Вы можете синхронизировать инсайдеров с Stable, выбрав службу синхронизации Stable при включении синхронизации настроек. Эта опция доступна только в VS Code Insiders.

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

Восстановление данных

VS Code всегда хранит локальные и удаленные резервные копии ваших предпочтений во время синхронизации и предоставляет представления для доступа к ним. Если что-то пойдет не так, вы можете восстановить свои данные из этих представлений.

Эти представления можно открыть с помощью команды Синхронизация настроек: Показать синхронизированные данные на палитре команд.Представление активности Local Sync по умолчанию скрыто, и вы можете включить его, используя подменю Views в разделе Settings Sync view overflow actions.

Доступ к папке локальных резервных копий

на диске можно получить с помощью команды Settings Sync: Open Local Backups Folder . Папка организована по типу предпочтений и содержит версии ваших файлов JSON, названные с отметкой времени, когда произошло резервное копирование.

Примечание : Локальные резервные копии автоматически удаляются через 30 дней.Для удаленного резервного копирования сохраняются последние 20 версий каждого отдельного ресурса (настройки, расширения и т. Д.).

Синхронизированные машины

VS Code отслеживает машины, синхронизирующие ваши предпочтения, и предоставляет возможность доступа к ним. Каждой машине дается имя по умолчанию в зависимости от типа VS Code (Insiders или Stable) и платформы, на которой она установлена. Вы всегда можете обновить имя машины, используя действие редактирования, доступное для записи машины в представлении. Вы также можете отключить синхронизацию на другом компьютере, используя действие контекстного меню Отключить синхронизацию настроек для записи машины в представлении.

Это представление можно открыть с помощью команды Синхронизация настроек: Показать синхронизированные данные на палитре команд.

Авторы расширений

Если вы являетесь автором расширения, вы должны убедиться, что ваше расширение ведет себя надлежащим образом, когда пользователи включают параметр «Синхронизация настроек». Например, вы, вероятно, не хотите, чтобы ваше расширение отображало одни и те же отклоненные уведомления или страницы приветствия на нескольких машинах.

Синхронизация глобального состояния пользователя между машинами

Если вашему расширению необходимо сохранить некоторое пользовательское состояние на разных машинах, предоставьте состояние для синхронизации настроек с помощью vscode.ExtensionContext.globalState.setKeysForSync . Совместное использование состояний, таких как закрытые или просмотренные флаги пользовательского интерфейса, на разных машинах, может улучшить взаимодействие с пользователем.

В разделе «Возможности расширения» приведен пример использования setKeysforSync .

Сообщения о проблемах

Активность

Settings Sync можно отслеживать в журнале Log (Settings Sync) output view. Если у вас возникла проблема с синхронизацией настроек, включите этот журнал при создании проблемы. Если ваша проблема связана с аутентификацией, также включите журнал из окна вывода Account .

Как мне удалить мои данные?

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

Следующие шаги

Общие вопросы

Является ли VS Code Settings Sync тем же, что и расширение Settings Sync?

Нет, расширение Settings Sync от Shan Khan использует частный Gist на GitHub для обмена настройками VS Code на разных машинах и не имеет отношения к VS Code Settings Sync.

Какие типы учетных записей я могу использовать для входа в синхронизацию настроек?

VS Code Settings Sync поддерживает вход либо с учетной записью Microsoft (например, с учетными записями Outlook или Azure), либо с учетной записью GitHub. Вход с учетными записями GitHub Enterprise не поддерживается. В будущем могут поддерживаться другие поставщики аутентификации, и вы можете ознакомиться с предлагаемым API поставщика аутентификации в выпуске № 88309.

Могу ли я использовать другой сервер или службу для синхронизации настроек?

Settings Sync использует специальный сервис для хранения настроек и координации обновлений.В будущем может быть предоставлен API-интерфейс поставщика услуг, который позволит использовать собственные серверные части синхронизации настроек.

Устранение проблем с связкой ключей

Settings Sync сохраняет информацию аутентификации в системной связке ключей. Запись в связку ключей может завершиться ошибкой в ​​некоторых случаях, если связка ключей неправильно настроена.

macOS

Если связка ключей выдает ошибку «Имя пользователя или кодовая фраза, которую вы ввели неверно», откройте приложение Keychain Access, щелкните правой кнопкой мыши на цепочке ключей login , заблокируйте и разблокируйте ее снова.Об этой ошибке впервые сообщалось в выпуске № 76 как о проблеме после обновления до macOS High Sierra, но также сообщалось о более поздних версиях macOS.

Linux

Если связка ключей выдает ошибку «Нет такого интерфейса» org.freedesktop.Secret.Collection для объекта по пути / org / freedesktop / secrets / collection / login ", попробуйте выполнить действия, описанные в проблеме № 92972, чтобы создать новую связку ключей. .

Если возникает ошибка «Запись информации для входа в связку ключей завершилась неудачно с ошибкой« Неизвестный или неподдерживаемый транспорт «отключен» для адреса «отключен:» », проверьте, что dbus-launch был запущен, следуя инструкциям в выпуске №120392 .

Могу ли я поделиться настройками между VS Code Stable и Insiders?

Да. Дополнительные сведения см. В разделе «Синхронизация стабильной версии и инсайдеров».

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

07.10.2021

Базовое редактирование в Visual Studio Code

Visual Studio Code - это прежде всего редактор, который включает в себя функции, необходимые для высокопроизводительного редактирования исходного кода. Этот раздел познакомит вас с основами работы с редактором и поможет вам начать работу с кодом.

Сочетания клавиш

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

Множественный выбор (мульти-курсор)

VS Code поддерживает несколько курсоров для быстрого одновременного редактирования. Вы можете добавить второстепенные курсоры (более тонкие) с помощью Alt + Click. Каждый курсор работает независимо в зависимости от контекста, в котором он находится. Обычный способ добавить дополнительные курсоры - использовать ⌥⌘ ↓ (Windows Ctrl + Alt + Down, Linux Shift + Alt + Down) или ⌥⌘ ↑ (Windows Ctrl + Alt + Up , Linux Shift + Alt + Up), которые вставляют курсоры ниже или выше.

Примечание: Драйвер вашей видеокарты (например, NVIDIA) может перезаписать эти ярлыки по умолчанию.

⌘D (Windows, Linux Ctrl + D) выделяет слово в курсоре или следующее вхождение текущего выделения.

Совет: Вы также можете добавить дополнительные курсоры с помощью ⇧⌘L (Windows, Linux Ctrl + Shift + L), которые будут добавлять выделение при каждом вхождении текущего выделенного текста.

Модификатор с несколькими курсорами

Если вы хотите изменить клавишу-модификатор для применения нескольких курсоров к Cmd + Click в macOS и Ctrl + Click в Windows и Linux, вы можете сделать это с помощью редактора .Настройка multiCursorModifier . Это позволяет пользователям, пришедшим из других редакторов, таких как Sublime Text или Atom, продолжать использовать знакомый им модификатор клавиатуры.

Можно установить значение:

  • ctrlCmd - Сопоставляет Ctrl в Windows и Cmd в macOS.
  • alt - существующий Alt по умолчанию.

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

Жесты Go To Definition и Open Link также будут учитывать этот параметр и адаптироваться таким образом, чтобы они не конфликтовали. Например, при настройке ctrlCmd можно добавить несколько курсоров с помощью Ctrl / Cmd + Click, а открытие ссылок или переход к определению можно вызвать с помощью Alt + Click.

Сжать / развернуть выделенную область

Быстрое сжатие или расширение текущего выделения. Запустите его с помощью ⌃⇧⌘ ← (Windows, Linux Shift + Alt + Left) и ⌃⇧⌘ → (Windows, Linux Shift + Alt + Right).

Вот пример расширения выделения с помощью ⌃⇧⌘ → (Windows, Linux Shift + Alt + Right):

Выбор столбца (прямоугольника)

Поместите курсор в один угол и затем, удерживая Shift + Alt, перетащите в противоположный угол:

Примечание: это меняется на Shift + Ctrl / Cmd при использовании Ctrl / Cmd в качестве модификатора с несколькими курсорами.

Также существуют привязки клавиш по умолчанию для выбора столбца в macOS и Windows, но не в Linux.

Ключ Команда Идентификатор команды
⇧⌥⌘ ↓ (Windows Ctrl + Shift + Alt + Down, Linux) Выбор столбца вниз курсорColumnSelectDown
⇧⌥⌘ ↑ (Windows Ctrl + Shift + Alt + Up, Linux) Выбор столбца вверх курсорColumnSelectUp
⇧⌥⌘ ← (Windows Ctrl + Shift + Alt + Left, Linux) Выбор столбца слева курсорColumnSelectLeft
⇧⌥⌘ → (Windows Ctrl + Shift + Alt + Right, Linux) Выбор столбца справа курсорColumnSelectRight
⇧⌥⌘PageDown (Windows Ctrl + Shift + Alt + PageDown, Linux) Выбор столбца на страницу вниз курсорColumnSelectPageDown
⇧⌥⌘PageUp (Windows Ctrl + Shift + Alt + PageUp, Linux) Выбор столбца Page Up курсорColumnSelectPageUp

Вы можете редактировать привязок клавиш.json , чтобы связать их с чем-то более знакомым, если хотите.

Режим выбора столбца

Пользовательская настройка Editor: Column Selection управляет этой функцией. После входа в этот режим, как указано в строке состояния, с помощью жестов мыши и клавиш со стрелками по умолчанию будет выделен столбец. Этот глобальный переключатель также доступен через пункт меню Selection > Column Selection Mode . Кроме того, можно также отключить режим выбора столбца в строке состояния.

Сохранить / Автосохранение

По умолчанию VS Code требует явного действия для сохранения изменений на диск, ⌘S (Windows, Linux Ctrl + S).

Однако легко включить Автосохранение , которое сохранит ваши изменения после заданной задержки или когда фокус покидает редактор. Если этот параметр включен, нет необходимости явно сохранять файл. Самый простой способ включить Автосохранение - использовать переключатель Файл > Автосохранение , который включает и выключает сохранение после задержки.

Для большего контроля над Автосохранение откройте настройки пользователя или рабочего пространства и найдите соответствующие настройки:

  • files.autoSave : Может принимать значения:
    • off - отключить автосохранение.
    • afterDelay - для сохранения файлов после заданной задержки (по умолчанию 1000 мс).
    • onFocusChange - для сохранения файлов при перемещении фокуса из редактора грязного файла.
    • onWindowChange - для сохранения файлов при перемещении фокуса за пределы окна VS Code.
  • файлов.autoSaveDelay : настраивает задержку в миллисекундах, когда файлов. AutoSave настроен на afterDelay . По умолчанию 1000 мс.

Горячий выход

VS Code запоминает несохраненные изменения файлов при выходе по умолчанию. Горячий выход запускается, когда приложение закрывается через Файл > Выход ( Код > Выход из в macOS) или когда закрывается последнее окно.

Вы можете настроить горячий выход, задав для files.hotExit следующие значения:

  • «выкл.» : отключить горячий выход.
  • "onExit" : Горячий выход запускается при закрытии приложения, то есть при закрытии последнего окна в Windows / Linux или при запуске команды workbench.action.quit (из палитры команд , сочетание клавиш или меню). Все окна без открытых папок будут восстановлены при следующем запуске.
  • "onExitAndWindowClose" : Горячий выход будет запущен при закрытии приложения, то есть при закрытии последнего окна в Windows / Linux или при запуске команды workbench.action.quit (из палитры команд , сочетание клавиш или меню), а также для любого окна с открытой папкой, независимо от того, последнее ли это окно. Все окна без открытых папок будут восстановлены при следующем запуске. Чтобы восстановить окна папок такими, какими они были до выключения, установите окно .восстановить Windows до все .

Если что-то пойдет не так с горячим выходом, все резервные копии сохраняются в следующих папках для стандартных мест установки:

  • Windows % APPDATA% \ Code \ Backups
  • macOS $ ГЛАВНАЯ / Библиотека / Поддержка приложений / Код / Резервное копирование
  • Linux $ HOME / .config / Code / Резервные копии

Найти и заменить

VS Code позволяет быстро находить текст и заменять его в текущем открытом файле.Нажмите ⌘F (Windows, Linux Ctrl + F), чтобы открыть виджет поиска в редакторе, результаты поиска будут выделены в редакторе, на линейке обзора и на миникарте.

Если в текущем открытом файле есть несколько совпадающих результатов, вы можете нажать Enter и ⇧Enter (Windows, Linux Shift + Enter), чтобы перейти к следующему или предыдущему результату, когда поле ввода поиска находится в фокусе.

Строка поиска семян из выбранного

Когда виджет поиска открыт, он автоматически заполняет выбранный текст в редакторе в поле ввода поиска.Если выделение пусто, вместо этого в поле ввода будет вставлено слово под курсором.

Эту функцию можно отключить, установив для editor.find.seedSearchStringFromSelection значение false .

Найти в выделенном

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

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

Расширенные возможности поиска и замены

Помимо поиска и замены простым текстом, виджет поиска также имеет три расширенных параметра поиска:

  • Спичечный футляр
  • Совпадение целого слова
  • Регулярное выражение

Замена футляра опоры поля ввода сохраняется, вы можете включить его, нажав кнопку «Сохранить футляр» ( AB ).

Поддержка нескольких строк и изменение размера виджета

Вы можете искать многострочный текст, вставляя текст в поля ввода «Найти» и «Заменить». Нажатие Ctrl + Enter вставляет новую строку в поле ввода.

При поиске длинного текста размер виджета поиска по умолчанию может быть слишком маленьким. Вы можете перетащить левую створку, чтобы увеличить виджет поиска, или дважды щелкните левую створку, чтобы развернуть ее или уменьшить до размера по умолчанию.

Поиск по файлам

VS Code позволяет быстро искать по всем файлам в текущей открытой папке.Нажмите ⇧⌘F (Windows, Linux Ctrl + Shift + F) и введите поисковый запрос. Результаты поиска группируются в файлы, содержащие поисковый запрос, с указанием совпадений в каждом файле и его местоположения. Разверните файл, чтобы просмотреть все обращения в этом файле. Затем щелкните один из обращений, чтобы просмотреть его в редакторе.

Совет: Мы также поддерживаем поиск по регулярным выражениям в поле поиска.

Вы можете настроить параметры расширенного поиска, щелкнув многоточие ( Toggle Search Details ) под полем поиска справа (или нажав ⇧⌘J (Windows, Linux Ctrl + Shift + J)).Появятся дополнительные поля для настройки поиска.

Параметры расширенного поиска

В двух полях ввода под полем поиска вы можете ввести шаблоны для включения или исключения из поиска. Если вы введете example , это будет соответствовать каждой папке и файлу с именем example в рабочей области. Если вы введете ./example , это будет соответствовать папке example / на верхнем уровне вашего рабочего пространства. Используйте , для разделения нескольких рисунков.Пути должны использовать косую черту. Вы также можете использовать глобальный синтаксис:

  • * для соответствия одному или нескольким символам в сегменте пути
  • ? для соответствия одному символу в сегменте пути
  • ** для соответствия любому количеству сегментов пути, включая ни одного
  • {} для группировки условий (например, {** / *. Html, ** / *. Txt} соответствует всем HTML и текстовым файлам)
  • [] объявляют диапазон символов для сопоставления (пример .[0-9] для соответствия с , пример 0 , пример.1 ,…)

VS Code по умолчанию исключает некоторые папки, чтобы уменьшить количество результатов поиска, которые вас не интересуют (например: node_modules ). Откройте настройки, чтобы изменить эти правила, в разделе files.exclude и search.exclude section.

Обратите внимание, что шаблоны глобусов в представлении поиска работают иначе, чем в таких настройках, как файлы . Исключить поиск и .исключить . В настройках вы должны использовать ** / пример для соответствия папке с именем , пример в подпапке , папка1 / пример в вашем рабочем пространстве. В представлении поиска предполагается префикс ** .

Также обратите внимание на кнопку переключения «Использовать исключить настройки» и «Игнорировать файлы» в поле для исключения файлов . Переключатель определяет, следует ли исключать файлы, которые игнорируются вашими файлами .gitignore и / или совпадают с вашими файлами .исключить поиск и . исключить настройки .

Совет: В проводнике вы можете щелкнуть правой кнопкой мыши папку и выбрать Найти в папке для поиска только внутри папки.

Найти и заменить

Вы также можете искать и заменять файлы. Разверните виджет «Поиск», чтобы отобразить текстовое поле «Заменить».

Когда вы вводите текст в текстовое поле «Заменить», вы увидите отображение отложенных изменений.Вы можете заменить все файлы в текстовом поле «Заменить», заменить все в одном файле или заменить одно изменение.

Совет: Вы можете быстро повторно использовать предыдущий поисковый запрос, используя ↓ (Windows, Linux Down) и ↑ (Windows, Linux Up) для навигации по истории поисковых запросов.

IntelliSense

Мы всегда предлагаем автозавершение слов, но для расширенных языков, таких как JavaScript, JSON, HTML, CSS, SCSS, Less, C # и TypeScript, мы предлагаем полноценный интерфейс IntelliSense.Если языковая служба знает возможные варианты завершения, предложения IntelliSense будут появляться по мере ввода. Вы всегда можете запустить его вручную с помощью ⌃Space (Windows, Linux Ctrl + Space). По умолчанию Tab или Enter являются триггерами принятия клавиатуры, но вы также можете настроить эти привязки клавиш.

Совет: Фильтрация предложений поддерживает CamelCase, поэтому вы можете вводить буквы в верхнем регистре в имени метода, чтобы ограничить количество предложений. Например, «cra» быстро вызовет «createApplication».

Совет: предложений IntelliSense можно настроить с помощью параметров editor.quickSuggestions и editor.suggestOnTriggerCharacters .

Разработчики

JavaScript и TypeScript могут воспользоваться репозиторием файлов декларации (типизации) типа npmjs, чтобы получить IntelliSense для распространенных библиотек JavaScript (Node.js, React, Angular). Вы можете найти хорошее объяснение использования файлов объявления типов в разделе о языке JavaScript и в Node.js учебник.

Дополнительные сведения см. В документе IntelliSense.

Форматирование

VS Code имеет отличную поддержку форматирования исходного кода. В редакторе есть два явных действия по форматированию:

  • Форматировать документ (⇧⌥F (Windows Shift + Alt + F, Linux Ctrl + Shift + I)) - отформатировать весь активный файл.
  • Выбор формата (⌘K ⌘F (Windows, Linux Ctrl + K Ctrl + F)) - форматирование выделенного текста.

Вы можете вызвать их из палитры команд (⇧⌘P (Windows, Linux Ctrl + Shift + P)) или из контекстного меню редактора.

VS Code имеет средства форматирования по умолчанию для JavaScript, TypeScript, JSON и HTML. Для каждого языка есть определенные параметры форматирования (например, html.format.indentInnerHtml ), которые вы можете настроить по своему усмотрению в настройках пользователя или рабочей области. Вы также можете отключить средство форматирования языка по умолчанию, если у вас установлено другое расширение, обеспечивающее форматирование для того же языка.

  "html.format.enable": ложь  

Наряду с ручным запуском форматирования кода, вы также можете запускать форматирование на основе пользовательских жестов, таких как ввод текста, сохранение или вставка.По умолчанию они отключены, но вы можете включить их с помощью следующих настроек:

  • editor.formatOnType - Отформатируйте строку после ввода.
  • editor.formatOnSave - Форматировать файл при сохранении.
  • editor.formatOnPaste - Форматирует вставляемый контент.

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

В дополнение к средствам форматирования по умолчанию на Marketplace можно найти расширения для поддержки других языков или инструментов форматирования.Существует категория Formatters , поэтому вы можете легко искать и находить расширения форматирования. В поле поиска Extensions введите «средства форматирования» или «средства форматирования», чтобы просмотреть отфильтрованный список расширений в VS Code.

Складной

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

Вы также можете использовать следующие действия:

  • Сгибание (⌥⌘ [(Windows, Linux Ctrl + Shift + [)) сгибает самую внутреннюю несвернутую область на курсоре.
  • Развернуть (⌥⌘] (Windows, Linux Ctrl + Shift +])) разворачивает свернутую область под курсором.
  • Toggle Fold (⌘K ⌘L (Windows, Linux Ctrl + K Ctrl + L)) складывает или разворачивает область под курсором.
  • Свернуть Рекурсивно (⌘K ⌘ [(Windows, Linux Ctrl + K Ctrl + [)) сгибает самую внутреннюю несвернутую область на курсоре и все области внутри этой области.
  • Рекурсивно развернуть (⌘K ⌘] (Windows, Linux Ctrl + K Ctrl +])) разворачивает область под курсором и все области внутри этой области.
  • Свернуть все (⌘K ⌘0 (Windows, Linux Ctrl + K Ctrl + 0)) сгибает все области в редакторе.
  • Развернуть все (⌘K ⌘J (Windows, Linux Ctrl + K Ctrl + J)) разворачивает все области в редакторе.
  • Свернуть уровень X (⌘K ⌘2 (Windows, Linux Ctrl + K Ctrl + 2) для уровня 2) сгибает все области уровня X, кроме области в текущей позиции курсора.
  • Свернуть все комментарии блока (⌘K ⌘ / (Windows, Linux Ctrl + K Ctrl + /)) сгибает все области, которые начинаются с маркера комментария блока.

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

Начиная с версии 1.22, складывающиеся области могут также вычисляться на основе синтаксических токенов настроенного языка редактора.Следующие языки уже поддерживают сворачивание с учетом синтаксиса: Markdown, HTML, CSS, LESS, SCSS и JSON.

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

  "[html]": {
    "editor.foldingStrategy": "отступ"
  },  

Регионы также могут быть определены маркерами, определенными для каждого языка. В настоящее время маркеры определены для следующих языков:

Язык Начальная область Конечная область
Летучая мышь :: # регион или REM # регион :: # endregion или REM #endregion
С # # регион #endregion
C / C ++ #pragma region #pragma endregion
CSS / Less / SCSS / * # регион * / / * # endregion * /
Coffeescript # регион #endregion
Ф № // # регион или (#_region) // # endregion или (#_endregion)
Java // # регион или // // #endregion или //
Уценка
Perl5 #region или = pod #endregion или = вырезать
PHP # регион #endregion
PowerShell # регион #endregion
Python # регион или # регион #endregion или # endregion
TypeScript / JavaScript // # регион // # endregion
Visual Basic # регион # Конечный регион

Чтобы сложить и развернуть только области, определенные маркерами, используйте:

  • Свернуть маркерные области (⌘K ⌘8 (Windows, Linux Ctrl + K Ctrl + 8)) сгибает все маркерные области.
  • Unfold Marker Regions (⌘K ⌘9 (Windows, Linux Ctrl + K Ctrl + 9)) разворачивает все маркерные области.

Вмятина

VS Code позволяет управлять отступом текста и использовать пробелы или табуляторы. По умолчанию VS Code вставляет пробелы и использует 4 пробела на клавишу Tab. Если вы хотите использовать другое значение по умолчанию, вы можете изменить настройки editor.insertSpaces и editor.tabSize .

  "editor.insertSpaces": true,
    "редактор.tabSize ": 4,  

Автоопределение

VS Code анализирует ваш открытый файл и определяет отступ, используемый в документе. Автоматически обнаруженный отступ переопределяет ваши настройки отступа по умолчанию. Обнаруженная настройка отображается в правой части строки состояния:

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

Примечание. Автоматическое определение кода VS Code проверяет наличие отступов в 2, 4, 6 или 8 пробелов. Если в вашем файле используется другое количество пробелов, отступ может быть обнаружен неправильно. Например, если ваше соглашение предусматривает отступ с 3 пробелами, вы можете отключить editor.detectIndentation и явно установить размер табуляции на 3.

  "editor.detectIndentation": false,
    "editor.tabSize": 3,  

Поддержка кодировки файлов

Установите кодировку файла глобально или для каждой рабочей области с помощью файлов .кодировка в настройках пользователя или Настройки рабочего пространства .

Вы можете просмотреть кодировку файла в строке состояния.

Щелкните кнопку кодирования в строке состояния, чтобы повторно открыть или сохранить активный файл с другой кодировкой.

Затем выберите кодировку.

Следующие шаги

Вы рассмотрели базовый пользовательский интерфейс - VS Code - это гораздо больше. Читайте дальше, чтобы узнать о:

Общие вопросы

Возможен ли глобальный поиск и замена?

Да, разверните текстовое поле представления поиска, чтобы включить текстовое поле замены.Вы можете искать и заменять все файлы в вашем рабочем пространстве. Обратите внимание: если вы не открывали VS Code в папке, поиск будет выполняться только в открытых в данный момент файлах.

Как включить перенос по словам?

Вы можете управлять переносом слов с помощью параметра editor.wordWrap . По умолчанию editor.wordWrap - это с , но если вы установите для него значение на , текст будет переноситься по ширине области просмотра редактора.

  "редактор.wordWrap ":" на " 

Вы можете переключить перенос слов для сеанса VS Code с помощью ⌥Z (Windows, Linux Alt + Z).

Вы также можете добавить в редактор вертикальные линейки столбцов с помощью параметра editor.rulers , который принимает массив позиций символов столбца, в которых вы хотели бы иметь вертикальные линейки.

07.10.2021

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

По своей сути Visual Studio Code - это редактор кода.Как и многие другие редакторы кода, VS Code использует общий пользовательский интерфейс и расположение проводника слева, отображающего все файлы и папки, к которым у вас есть доступ, и редактора справа, отображающего содержимое файлов, которые вы открыли. .

Базовая компоновка

VS Code имеет простой и интуитивно понятный макет, который максимизирует пространство, отведенное для редактора, оставляя достаточно места для просмотра и доступа к полному контексту вашей папки или проекта. Пользовательский интерфейс разделен на пять областей:

  • Редактор - Основная область для редактирования файлов.Вы можете открывать столько редакторов, сколько хотите, бок о бок по вертикали и горизонтали.
  • Боковая панель - Содержит различные представления, такие как проводник, чтобы помочь вам во время работы над проектом.
  • Строка состояния - Информация об открытом проекте и файлах, которые вы редактируете.
  • Панель активности - расположена в дальнем левом углу, позволяет переключаться между представлениями и дает дополнительные контекстно-зависимые индикаторы, такие как количество исходящих изменений при включении Git.
  • Панели - Вы можете отображать различные панели под областью редактора для вывода или отладочной информации, ошибок и предупреждений или для встроенного терминала. Панель также можно сдвинуть вправо, чтобы освободить больше места по вертикали.

Каждый раз, когда вы запускаете VS Code, он открывается в том же состоянии, в котором вы его закрывали в последний раз. Папка, макет и открытые файлы сохраняются.

Открытые файлы в каждом редакторе отображаются с заголовками с вкладками (вкладками) в верхней части области редактора.Чтобы узнать больше о заголовках с вкладками, см. Раздел «Вкладки» ниже.

Совет: Вы можете переместить боковую панель вправо ( View > Move Side Bar Right ) или переключить ее видимость (⌘B (Windows, Linux Ctrl + B)).

Редактирование бок о бок

Вы можете открывать столько редакторов, сколько хотите, бок о бок по вертикали и горизонтали. Если у вас уже открыт один редактор, есть несколько способов открыть другой редактор сбоку от существующего:

  • Alt щелкните файл в проводнике.
  • ⌘ \ (Windows, Linux Ctrl + \), чтобы разделить активный редактор на два.
  • Открыть сбоку (⌃Введите (Windows, Linux Ctrl + Enter)) из контекстного меню проводника в файле.
  • Нажмите кнопку Split Editor в правом верхнем углу редактора.
  • Перетащите файл в любую сторону области редактора.
  • Ctrl + Enter (macOS: Cmd + Enter) в списке файлов Quick Open (⌘P (Windows, Linux Ctrl + P)).

Каждый раз, когда вы открываете другой файл, активный редактор отображает содержимое этого файла. Поэтому, если у вас есть два редактора бок о бок и вы хотите открыть файл «foo.cs» в правом редакторе, убедитесь, что этот редактор активен (щелкнув внутри него), прежде чем открывать файл «foo.cs».

По умолчанию редакторы открываются справа от активного. Вы можете изменить это поведение с помощью параметра workbench.editor.openSideBySideDirection и вместо этого настроить открытие новых редакторов в нижней части активного.

Если у вас открыто несколько редакторов, вы можете быстро переключаться между ними, удерживая клавишу Ctrl (macOS: Cmd) и нажимая 1, 2 или 3.

Совет: Вы можете изменять размер редакторов и переупорядочивать их. Перетащите область заголовка редактора, чтобы изменить положение или размер редактора.

Миникарта

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

Совет: Вы можете переместить миникарту влево или полностью отключить ее, установив соответственно "editor.minimap.side": "left" или "editor.minimap.enabled": false в вашем пользователе или настройки рабочего пространства.

Направляющие для отступа

На изображении выше также показаны направляющие отступа (вертикальные линии), которые помогают быстро увидеть совпадающие уровни отступа.Если вы хотите отключить направляющие отступа, вы можете установить "editor.renderIndentGuides": false в настройках пользователя или рабочей области.

Панировочные сухари

В редакторе есть панель навигации над его содержимым, которая называется «Панировочные сухари». Он показывает текущее местоположение и позволяет быстро перемещаться между папками, файлами и символами.

«Хлебные крошки» всегда показывают путь к файлу, а если текущий тип файла имеет языковую поддержку символов, путь символа до позиции курсора.Вы можете отключить панировочные сухари с помощью команды переключения Просмотр > Показать панировочные сухари . Дополнительные сведения о функции хлебных крошек, например о том, как настроить их внешний вид, см. В разделе «Навигация по коду» в статье «Навигация по коду».

Explorer

Проводник используется для просмотра, открытия и управления всеми файлами и папками в вашем проекте. VS Code основан на файлах и папках - вы можете сразу приступить к работе, открыв файл или папку в VS Code.

После открытия папки в VS Code содержимое папки отображается в проводнике. Вы можете многое сделать отсюда:

  • Создавайте, удаляйте и переименовывайте файлы и папки.
  • Перемещайте файлы и папки с помощью перетаскивания.
  • Используйте контекстное меню, чтобы изучить все варианты.

Совет: Вы можете перетаскивать файлы в проводник извне VS Code, чтобы скопировать их (если проводник пуст, VS Code вместо этого откроет их)

VS Code очень хорошо работает с другими инструментами, которые вы можете использовать, особенно с инструментами командной строки.Если вы хотите запустить инструмент командной строки в контексте папки, которая в данный момент открыта в VS Code, щелкните папку правой кнопкой мыши и выберите Открыть в командной строке (или Открыть в терминале в macOS или Linux).

Вы также можете перейти к местоположению файла или папки в собственном проводнике, щелкнув правой кнопкой мыши файл или папку и выбрав Показать в проводнике (или Показать в Finder в macOS или Открыть содержащую папку в Linux. ).

Совет: Введите ⌘P (Windows, Linux Ctrl + P) ( Quick Open ), чтобы быстро найти и открыть файл по его имени.

По умолчанию VS Code исключает некоторые папки из проводника (например, .git ). Используйте параметр files.exclude , чтобы настроить правила для скрытия файлов и папок из проводника.

Совет: Это действительно полезно для скрытия файлов производных ресурсов, таких как \ *.meta в Unity или \ *. js в проекте TypeScript. Чтобы Unity исключила файлы \ *. Cs.meta , нужно выбрать шаблон: "** / *. Cs.meta": true . Для TypeScript вы можете исключить сгенерированный JavaScript для файлов TypeScript с помощью: "** / *. Js": {"when": "$ (basename) .ts"} .

Множественный выбор

Вы можете выбрать несколько файлов в представлении File Explorer и OPEN EDITORS для выполнения действий (Удалить, Перетащить и отпустить, Открыть в сторону) над несколькими элементами.Используйте клавишу Ctrl / Cmd с щелкните для выбора отдельных файлов и Shift + щелкните , чтобы выбрать диапазон. Если вы выберете два элемента, теперь вы можете использовать команду контекстного меню Сравнить выбранные для быстрого сравнения двух файлов.

Примечание. В более ранних версиях VS Code нажатие клавиши Ctrl / Cmd открывало бы файл в новой группе редакторов сбоку. Если вам все еще нравится такое поведение, вы можете использовать рабочую среду .list.multiSelectModifier , чтобы изменить множественный выбор для использования клавиши Alt .

  "workbench.list.multiSelectModifier": "alt"  

Фильтрация дерева документов

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

Если навести указатель мыши на поле фильтра и выбрать Включить фильтр для типа , будут показаны только соответствующие файлы / папки. Используйте кнопку «X» Очистить , чтобы очистить фильтр.

Общий вид

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

Контурное представление имеет различные режимы Сортировка по , дополнительное отслеживание курсора и поддерживает обычные жесты открытия. Он также включает поле ввода, которое находит или фильтрует символы по мере ввода. Ошибки и предупреждения также отображаются в режиме «Структура», что позволяет сразу увидеть местонахождение проблемы.

Для символов представление основывается на информации, вычисленной вашими установленными расширениями для различных типов файлов. Например, встроенная поддержка Markdown возвращает иерархию заголовков Markdown для символов файла Markdown.

Существует несколько параметров просмотра структуры, которые позволяют включать / отключать значки и управлять отображением ошибок и предупреждений (все они включены по умолчанию):

  • outline.icons - Переключить отображение элементов контура с помощью значков.
  • outline.problems.enabled - Показывать ошибки и предупреждения на элементах контура.
  • outline.problems.badges - Переключить использование значков для ошибок и предупреждений.
  • наброски.issues.colors - Переключение использования цветов для ошибок и предупреждений.

Открытые редакторы

В верхней части проводника находится вид с надписью ОТКРЫТЫЕ РЕДАКТОРЫ . Это список активных файлов или превью. Это файлы, которые вы ранее открывали в VS Code, над которыми вы работали. Например, файл будет указан в представлении ОТКРЫТЫЕ РЕДАКТОРЫ , если вы:

  • Внесите изменение в файл.
  • Дважды щелкните заголовок файла.
  • Дважды щелкните файл в проводнике.
  • Открыть файл, не входящий в текущую папку.

Просто щелкните элемент в представлении ОТКРЫТЫЕ РЕДАКТОРЫ , и он станет активным в VS Code.

После того, как вы закончите свою задачу, вы можете удалить файлы по отдельности из представления ОТКРЫТЬ РЕДАКТОРЫ или удалить все файлы с помощью действия «Вид : закрыть все редакторы» или : закрыть все редакторы в группе .

Просмотры

Проводник - лишь одно из представлений, доступных в VS Code.Есть также Просмотры для:

  • Поиск - Обеспечивает глобальный поиск и замену в вашей открытой папке.
  • Система управления версиями - VS Code по умолчанию включает систему управления версиями Git.
  • Выполнить - в представлении запуска и отладки VS Code отображаются переменные, стеки вызовов и точки останова.
  • Расширения - Устанавливайте расширения и управляйте ими в VS Code.
  • Пользовательские просмотры - Просмотры, добавленные расширениями.

Совет: Вы можете открыть любое представление с помощью команды View: Open View .

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

Полоса активности

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

Палитра команд

VS Code также доступен с клавиатуры. Самая важная комбинация клавиш, которую необходимо знать, - это ⇧⌘P (Windows, Linux Ctrl + Shift + P), которая вызывает палитру команд . Отсюда у вас есть доступ ко всем функциям VS Code, включая сочетания клавиш для наиболее распространенных операций.

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

  • ⌘P (Windows, Linux Ctrl + P) позволит вам перейти к любому файлу или символу, набрав его имя
  • ⌃Tab (Windows, Linux Ctrl + Tab) будет циклически перемещаться по последнему набору открытых файлов
  • ⇧⌘P (Windows, Linux Ctrl + Shift + P) перенесет вас прямо в редактор команд
  • ⇧⌘O (Windows, Linux Ctrl + Shift + O) позволит вам перейти к определенному символу в файле
  • ⌃G (Windows, Linux Ctrl + G) позволит вам перейти к определенной строке в файле

Тип ? в поле ввода, чтобы получить список доступных команд, которые вы можете выполнить отсюда:

Настройка редактора

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

Вы можете скрыть панель меню в Windows и Linux, изменив настройку window.menuBarVisibility с classic на toggle . Установка toggle означает, что однократное нажатие клавиши Alt снова отобразит панель меню.

Вы также можете скрыть панель меню в Windows и Linux с помощью команды View > Toggle Menu Bar .Эта команда устанавливает window.menuBarVisibility с classic на compact , в результате чего строка меню перемещается в панель активности. Чтобы вернуть строку меню в положение classic , вы можете снова выполнить команду View > Toggle Menu Bar .

Настройки

Большинство конфигураций редактора хранятся в настройках, которые можно изменять напрямую. Вы можете установить параметры глобально с помощью пользовательских настроек или для каждого проекта / папки с помощью настроек рабочего пространства.Значения настроек хранятся в файле settings.json .

  • Выберите File > Preferences > Settings (или нажмите ⌘, (Windows, Linux Ctrl +,)), чтобы отредактировать пользовательский файл settings.json .
  • Чтобы изменить настройки рабочего пространства, выберите вкладку НАСТРОЙКИ РАБОЧЕГО ПРОСТРАНСТВА , чтобы отредактировать файл рабочего пространства settings.json .

Примечание для пользователей macOS: Меню настроек находится под кодом Код , а не Файл .Например, Код > Настройки > Настройки .

В левом окне вы увидите настройки VS Code по умолчанию, а в правом - ваш редактируемый файл settings.json . Вы можете легко отфильтровать настройки в Default Settings , используя поле поиска вверху. Скопируйте параметр в редактируемый файл settings.json справа, щелкнув значок редактирования слева от параметра. Настройки с фиксированным набором значений позволяют вам выбрать значение как часть их меню значка редактирования.

После редактирования настроек введите ⌘S (Windows, Linux Ctrl + S), чтобы сохранить изменения. Изменения вступят в силу немедленно.

Примечание. Параметры рабочего пространства имеют приоритет над параметрами пользователя и полезны для совместного использования параметров проекта в группе.

Режим Дзен

Zen Mode позволяет вам сосредоточиться на своем коде, скрывая весь пользовательский интерфейс, кроме редактора (без панели действий, строки состояния, боковой панели и панели), переходя в полноэкранный режим и центрируя макет редактора.Режим Zen можно переключить с помощью меню View , Command Palette или сочетания клавиш ⌘K Z (Windows, Linux Ctrl + K Z). Двойной Esc выходит из режима дзен. Переход в полноэкранный режим можно отключить через zenMode.fullScreen . Режим Zen можно дополнительно настроить с помощью следующих параметров: zenMode.hideStatusBar , zenMode.hideTabs , zenMode.fullScreen , zenMode.restore и zenMode.centerLayout .

Центрированный макет редактора

Центрированный макет редактора позволяет выровнять область редактора по центру.Это особенно полезно при работе с одним редактором на большом мониторе. Вы можете использовать боковые створки для изменения размера вида (удерживайте нажатой клавишу Alt , чтобы независимо перемещать створки).

Вкладки

Visual Studio Code показывает открытые элементы с вкладками (заголовками с вкладками) в области заголовка над редактором.

Когда вы открываете файл, для этого файла добавляется новая вкладка.

Вкладки

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

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

Если вы не хотите использовать вкладки, вы можете отключить эту функцию, установив для параметра workbench.editor.showTabs значение false:

  "workbench.editor.showTabs": ложь  

См. Раздел ниже, чтобы оптимизировать VS Code при работе без вкладок.

Заказ вкладок

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

Например, вы можете захотеть, чтобы слева отображались новые элементы с вкладками:

  "workbench.editor.openPositioning": "left"  

Режим предварительного просмотра

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

Режим предварительного просмотра обозначен курсивом в заголовке вкладки:

Если вы предпочитаете не использовать режим предварительного просмотра и всегда создавать новую вкладку, вы можете управлять поведением с помощью следующих настроек:

  • workbench.editor.enablePreview для глобального включения или отключения редакторов предварительного просмотра
  • верстак.editor.enablePreviewFromQuickOpen для включения или отключения редакторов предварительного просмотра при открытии из Quick Open

Группы редакторов

Когда вы разделяете редактор (используя команды Split Editor или Open to the Side ), создается новая область редактора, которая может содержать группу элементов. Вы можете открывать столько областей редактора, сколько хотите, бок о бок по вертикали и горизонтали.

Вы можете ясно увидеть это в разделе ОТКРЫТЫЕ РЕДАКТОРЫ в верхней части окна проводника:

Вы можете перетаскивать группы редакторов в рабочую среду, перемещать отдельные вкладки между группами и быстро закрывать целые группы ( Close All ).

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

Макет редактора сетки

По умолчанию группы редакторов располагаются в вертикальных столбцах (например, когда вы разделяете редактор, чтобы открыть его сбоку). Вы можете легко расположить группы редакторов в любом макете, который вам нравится, как по вертикали, так и по горизонтали:

Для поддержки гибких макетов вы можете создавать пустые группы редакторов.По умолчанию закрытие последнего редактора группы редакторов также приводит к закрытию самой группы, но вы можете изменить это поведение с помощью нового параметра workbench.editor.closeEmptyGroups: false :

В новом View > Editor Layout есть предопределенный набор макетов редактора:

Редакторы

, которые открываются сбоку (например, щелкнув на панели инструментов редактора действие Разделить редактор ), по умолчанию открываются с правой стороны активного редактора.Если вы предпочитаете открывать редакторы ниже активного, настройте новый параметр workbench.editor.openSideBySideDirection: вниз на .

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

Pro Tip : Если вы нажмете и удерживаете клавишу Alt при наведении курсора на действие панели инструментов для разделения редактора, он предложит разделить на другую ориентацию.Это быстрый способ разбить вправо или вниз.

Сочетания клавиш

Вот несколько удобных сочетаний клавиш для быстрого перехода между редакторами и группами редакторов.

Если вы хотите изменить сочетания клавиш по умолчанию, см. Подробности в разделе «Привязки клавиш».

  • ⌥⌘ → (Windows, Linux Ctrl + PageDown) перейти в правый редактор.
  • ⌥⌘ ← (Windows, Linux Ctrl + PageUp) перейти в левый редактор.
  • ⌃Tab (Windows, Linux Ctrl + Tab) открыть предыдущий редактор в списке MRU группы редакторов.
  • ⌘1 (Windows, Linux Ctrl + 1) перейти в крайнюю левую группу редакторов.
  • ⌘2 (Windows, Linux Ctrl + 2) перейти в центральную группу редакторов.
  • ⌘3 (Windows, Linux Ctrl + 3) перейти в крайнюю правую группу редакторов.
  • ⌘W (Windows Ctrl + F4, Linux Ctrl + W) закрыть активный редактор.
  • ⌘K W (Windows, Linux Ctrl + K W) закрыть все редакторы в группе редакторов.
  • ⌘K ⌘W (Windows, Linux Ctrl + K Ctrl + W) закрыть все редакторы.

Работа без вкладок

Если вы предпочитаете не использовать вкладки (заголовки с вкладками), вы можете полностью отключить вкладки (заголовки с вкладками), установив для workbench.editor.showTabs значение false.

Отключить режим предварительного просмотра

Без вкладок раздел ОТКРЫТЫЕ РЕДАКТОРЫ проводника файлов - это быстрый способ навигации по файлам. В режиме предварительного просмотра файлы не добавляются ни в список OPEN EDITOR , ни в группу редакторов при открытии одним щелчком мыши.Вы можете отключить эту функцию с помощью настроек workbench.editor.enablePreview и workbench.editor.enablePreviewFromQuickOpen .

Ctrl + Tab для навигации по всей истории редактора

Вы можете изменить сочетания клавиш для Ctrl + Tab, чтобы показать вам список всех открытых редакторов из истории независимо от активной группы редакторов.

Измените свои сочетания клавиш и добавьте следующее:

  {"ключ": "ctrl + tab", "команда": "workbench.action.openPreviousEditorFromHistory "},
{"ключ": "ctrl + tab", "команда": "workbench.action.quickOpenNavigateNext", "когда": "inQuickOpen"},  

Закройте всю группу вместо одного редактора

Если вам понравилось, как VS Code закрывает всю группу при закрытии одного редактора, вы можете привязать следующие сочетания клавиш.

macOS:

  {"ключ": "cmd + w", "команда": "workbench.action.closeEditorsInGroup"}  

Windows / Linux:

  {"ключ": "ctrl + w", "команда": "верстак.action.closeEditorsInGroup "}  

Управление окнами

VS Code имеет несколько параметров для управления тем, как окна (экземпляры) должны открываться или восстанавливаться между сеансами.

Параметры window.openFoldersInNewWindow и window.openFilesInNewWindow предназначены для настройки открытия новых окон или повторного использования последнего активного окна для файлов или папок. Возможные значения: по умолчанию , на и off .

Если настроено значение по умолчанию , мы сделаем наилучшее предположение о повторном использовании окна или нет на основе контекста, из которого был сделан запрос на открытие.Установите значение на или на , чтобы всегда вести себя одинаково. Например, если вы чувствуете, что выбор файла или папки из меню Файл всегда должен открываться в новом окне, установите для него значение на .

Примечание. Могут быть случаи, когда этот параметр игнорируется (например, при использовании параметра командной строки -new-window или -reuse-window ).

Параметр window.restoreWindows сообщает VS Code, как восстановить открытые окна предыдущего сеанса.По умолчанию VS Code восстанавливает все окна, над которыми вы работали во время предыдущего сеанса (настройка: все ). Измените этот параметр на нет , чтобы никогда не открывать повторно никаких окон и всегда начинать с пустого экземпляра VS Code. Измените его на один , чтобы повторно открыть последнее открывавшееся окно, с которым вы работали, или на папок , чтобы восстановить только те окна, в которых были открыты папки.

Следующие шаги

Теперь, когда вы знаете общую структуру VS Code, начните настраивать редактор под свой стиль работы, просмотрев следующие темы:

Общие вопросы

Как изменить цвет направляющих отступов?

Цвета направляющих отступов можно настраивать, как и большинство элементов пользовательского интерфейса VS Code.Чтобы настроить цвет направляющих отступа для активной цветовой темы, используйте параметр workbench.colorCustomizations и измените значение editorIndentGuide.background .

Например, чтобы сделать направляющие отступа ярко-синими, добавьте в файл settings.json следующее:

  "workbench.colorCustomizations": {
    "editorIndentGuide.background": "# 0000ff"
}  

Могу ли я скрыть раздел ОТКРЫТЫЕ РЕДАКТОРЫ в проводнике?

Да, вы можете скрыть список ОТКРЫТЫЕ РЕДАКТОРЫ с помощью проводника .openEditors.visible параметр, который объявляет, сколько элементов отображать до появления полосы прокрутки. Установка «explorer.openEditors.visible»: 0 скроет ОТКРЫТЫЕ РЕДАКТОРЫ , если у вас есть открытая папка. Список все равно будет отображаться, если вы используете VS Code для просмотра отдельных свободных файлов, поскольку они не будут отображаться на панели папок.

07.10.2021

Настройки

- vscode

С помощью настроек легко настроить VS Code по своему вкусу.Почти каждая часть редактора VS Code, пользовательский интерфейс и функциональное поведение имеют параметры, которые вы можете изменить.

VS Code предоставляет две разные области для настроек:

  • Пользователь Эти настройки применяются глобально к любому экземпляру VS Code, который вы открываете
  • Рабочее пространство Эти настройки хранятся внутри вашего рабочего пространства в папке .vscode и применяются только при открытии рабочего пространства. Параметры, определенные в этой области, переопределяют область действия пользователя.

Создание настроек пользователя и рабочего пространства

Команда меню Файл > Настройки > Настройки ( Код > Настройки > Настройки на Mac) обеспечивает ввод для настройки параметров пользователя и рабочего пространства.Вам предоставляется список настроек по умолчанию. Скопируйте любой параметр, который вы хотите изменить, в соответствующий файл settings.json . Вкладки справа позволяют быстро переключаться между файлами настроек пользователя и рабочего пространства.

Вы также можете открыть настройки пользователя и рабочего пространства из палитры команд ( kb (workbench.action.showCommands) ) с настройками : откройте настройки пользователя и Предпочтения : откройте настройки рабочего пространства или используйте сочетание клавиш ( кб (верстак.action.openGlobalSettings) ).

В приведенном ниже примере мы отключили номера строк в редакторе и настроили перенос строк на автоматический перенос в зависимости от размера редактора.

Изменения в настройках перезагружаются кодом VS после сохранения измененного файла settings.json .

Примечание. Параметры рабочего пространства полезны для совместного использования параметров проекта в группе.

Расположение файла настроек

В зависимости от вашей платформы файл пользовательских настроек находится здесь:

  • Windows % APPDATA% \ Код \ Пользователь \ настройки.json
  • Mac $ ГЛАВНАЯ / Библиотека / Поддержка приложений / Код / Пользователь / settings.json
  • Linux $ HOME / .config / Code / User / settings.json

Файл настроек рабочего пространства находится в папке .vscode в вашем проекте.

Настройки по умолчанию

Когда вы открываете настройки, мы показываем Настройки по умолчанию для поиска и обнаружения настроек, которые вы ищете. Когда вы выполняете поиск с помощью большой панели поиска, она не только отображает и выделяет настройки, соответствующие вашим критериям, но также отфильтровывает те, которые не соответствуют.Это упрощает и ускоряет поиск настроек. В редакторах Default Settings и settings.json доступны действия, которые помогут вам быстро скопировать или обновить настройку.

Примечание : Расширения VS Code также могут добавлять свои собственные настройки, и они будут видны в списке Default Settings во время выполнения.

Группы настроек

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

Вот копия настроек по умолчанию, которая поставляется с VS Code.

Настройки редактора для конкретного языка

Чтобы настроить редактор по языку, выполните глобальную команду Preferences: Configure language specific settings ... (id команды: workbench.action.configureLanguageBasedSettings ) из палитры команд ( kb (workbench.action.showCommands) ), который открывает средство выбора языка. При выборе нужного языка открывается редактор настроек с указанием языка, где вы можете добавить применимые настройки.

Если у вас открыт файл и вы хотите настроить редактор для этого типа файла, щелкните «Language Mode» в строке состояния в правом нижнем углу окна VS Code. Откроется средство выбора языкового режима с опцией Настроить языковые настройки 'language_name'... . При выборе этого откроется редактор настроек с указанием языка, куда вы можете добавить применимые настройки.

Вы также можете настроить языковые настройки, открыв файл settings.json . Вы можете применить их к рабочему пространству, поместив их в параметры рабочего пространства, как и другие параметры. Если у вас есть параметры, определенные для языка как в области пользователя, так и в области рабочей области, они объединяются, отдавая приоритет тем, которые определены в рабочей области.

В следующих примерах настраиваются параметры редактора для языковых режимов машинописный текст и уценки .

  {
  "[машинопись]": {
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true
  },
  "[уценка]": {
    "editor.formatOnSave": true,
    "editor.wordwrap": "на",
    "editor.renderWhitespace": "все",
    "editor.acceptSuggestionOnEnter": false
  }
}
  

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

Настройки и безопасность

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

Вот список настроек, которые мы не поддерживаем в объеме рабочей области:

  • git.path
  • терминал.интегрированный.shell.linux
  • терминал.integrated.shellArgs.linux
  • терминал.интегрированный.shell.osx
  • терминал.Integrated.shellArgs.osx
  • терминал. Интегрированный. Оболочка. Окна
  • terminal.integrated.shellArgs.windows
  • терминал.external.windowsExec
  • terminal.external.osxExec
  • терминал.external.linuxExec

При первом открытии рабочего пространства, которое определяет какие-либо из этих параметров, VS Code предупредит вас и впоследствии всегда будет игнорировать значения после этого.

Копия настроек по умолчанию

Ниже приведены настройки по умолчанию и их значения.

  {
// Наиболее часто используемые

  // Управляет автоматическим сохранением грязных файлов. Допустимые значения: off, afterDelay, onFocusChange (редактор теряет фокус), onWindowChange (окно теряет фокус). Если установлено значение «afterDelay», вы можете настроить задержку в «files.autoSaveDelay».
  "files.autoSave": "выключено",

  // Управляет размером шрифта в пикселях.
  "editor.fontSize": 14,

  // Управляет семейством шрифтов.
  "editor.fontFamily": "Consolas, 'Courier New', моноширинный",

  // Количество пробелов, равное табуляции.Этот параметр переопределяется в зависимости от содержимого файла, когда включен `editor.detectIndentation`.
  "editor.tabSize": 4,

  // Управляет тем, как редактор должен отображать символы пробела, возможные варианты: «нет», «граница» и «все». Параметр «Граница» не отображает отдельные пробелы между словами.
  "editor.renderWhitespace": "нет",

  // Управляет стилем курсора, допустимые значения: 'block', 'block-outline', 'line', 'line-thin', 'underline' и 'underline-thin'
  "editor.cursorStyle": "строка",

  // Модификатор, который будет использоваться для добавления нескольких курсоров с помощью мыши.ctrlCmd сопоставляется с Control в Windows и Linux и с Command в OSX. Жесты мыши «Перейти к определению» и «Открыть ссылку» будут адаптироваться таким образом, чтобы не конфликтовать с модификатором мультикурсора.
  "editor.multiCursorModifier": "alt",

  // Вставляем пробелы при нажатии Tab. Этот параметр переопределяется в зависимости от содержимого файла, когда включен `editor.detectIndentation`.
  "editor.insertSpaces": правда,

  // Управляет переносом строк. Может быть:
  // - 'выкл' (отключить перенос),
  // - 'on' (перенос области просмотра),
  // - 'wordWrapColumn' (перенос в `editor.wordWrapColumn`) или
  // - 'ограниченный' (обернуть как минимум область просмотра и `editor.wordWrapColumn`).
  "editor.wordWrap": "выкл",

  // Настроить шаблоны глобусов для исключения файлов и папок.
  "files.exclude": {
    "** /. git": правда,
    "** /. svn": правда,
    "** /. hg": правда,
    "** / CVS": верно,
    "** /. DS_Store": верно
  },

  // Настроить ассоциации файлов с языками (например, «* .extension»: «html»). Они имеют приоритет над ассоциациями установленных языков по умолчанию.
  "files.associations": {},

// Редактор

  // Вставляем сниппеты, если их префикс совпадает.Лучше всего работает, когда не включены быстрые подсказки.
  "editor.tabCompletion": ложь,

  // Управляет семейством шрифтов.
  "editor.fontFamily": "Consolas, 'Courier New', моноширинный",

  // Управляет толщиной шрифта.
  "editor.fontWeight": "нормальный",

  // Управляет размером шрифта в пикселях.
  "editor.fontSize": 14,

  // Управляет высотой строки. Используйте 0, чтобы вычислить lineHeight из fontSize.
  "editor.lineHeight": 0,

  // Управляет расстоянием между буквами в пикселях.
  "editor.letterSpacing": 0,

  // Управляет отображением номеров строк.& * () - = + [{]} \\ |;: '\ ",. <> /?",

  // Количество пробелов, равное табуляции. Этот параметр переопределяется в зависимости от содержимого файла, когда включен `editor.detectIndentation`.
  "editor.tabSize": 4,

  // Вставляем пробелы при нажатии Tab. Этот параметр переопределяется в зависимости от содержимого файла, когда включен `editor.detectIndentation`.
  "editor.insertSpaces": правда,

  // При открытии файла будут обнаружены `editor.tabSize` и` editor.insertSpaces` на основе содержимого файла.
  "editor.detectIndentation": true,

  // Проверяет, имеют ли выделенные углы закругленные углы
  "редактор.roundedSelection ": истина,

  // Контролирует, будет ли редактор прокручиваться за пределы последней строки
  "editor.scrollBeyondLastLine": true,

  // Контролирует, будет ли редактор прокручиваться с помощью анимации
  "editor.smoothScrolling": false,

  // Контролирует, отображается ли миникарта
  "editor.minimap.enabled": правда,

  // Управляет автоматическим скрытием ползунка миникарты. Возможные значения: always и mouseover.
  "editor.minimap.showSlider": "mouseover",

  // Отображаем фактические символы в строке (в отличие от цветных блоков)
  "редактор.minimap.renderCharacters ": true,

  // Ограничиваем ширину миникарты, чтобы отобразить не более определенного количества столбцов
  "editor.minimap.maxColumn": 120,

  // Контролирует, заполняем ли мы строку поиска в Find Widget из выбора редактора
  "editor.find.seedSearchStringFromSelection": true,

  // Управляет включением флага «Найти в выделении», когда в редакторе выделено несколько символов или строк текста.
  "editor.find.autoFindInSelection": ложь,

  // Управляет переносом строк. Может быть:
  // - 'выкл' (отключить перенос),
  // - 'on' (перенос области просмотра),
  // - 'wordWrapColumn' (перенос в `editor.wordWrapColumn`) или
  // - 'ограниченный' (обернуть как минимум область просмотра и `editor.wordWrapColumn`).
  "editor.wordWrap": "выкл",

  // Управляет столбцом переноса в редакторе, если для параметра editor.wordWrap указано значение wordWrapColumn или bounded.
  "editor.wordWrapColumn": 80,

  // Управляет отступом переносимых строк. Может принимать одно из следующих значений: «нет», «такой же» или «отступ».
  "editor.wrappingIndent": "такой же",

  // Множитель, который будет использоваться для `deltaX` и` deltaY` событий прокрутки колесика мыши
  "editor.mouseWheelScrollSensitivity": 1,

  // Модификатор, который будет использоваться для добавления нескольких курсоров с помощью мыши.ctrlCmd сопоставляется с Control в Windows и Linux и с Command в OSX. Жесты мыши «Перейти к определению» и «Открыть ссылку» будут адаптироваться таким образом, чтобы не конфликтовать с модификатором мультикурсора.
  "editor.multiCursorModifier": "alt",

  // Контролирует, должны ли предложения автоматически появляться при наборе текста
  "editor.quickSuggestions": {
    "другое": правда,
    "комментарии": ложь,
    "строки": ложь
  },

  // Контролирует задержку в мс, после которой будут появляться быстрые подсказки
  "editor.quickSuggestionsDelay": 10,

  // Включает всплывающее окно, которое показывает документацию по параметрам и информацию о типе по мере ввода
  "редактор.параметрHints ": true,

  // Определяет, должен ли редактор автоматически закрывать скобки после их открытия
  "editor.autoClosingBrackets": true,

  // Контролирует, должен ли редактор автоматически форматировать строку после ввода
  "editor.formatOnType": false,

  // Определяет, должен ли редактор автоматически форматировать вставляемый контент. Средство форматирования должно быть доступно, и средство форматирования должно иметь возможность форматировать диапазон в документе.
  "editor.formatOnPaste": false,

  // Определяет, должен ли редактор автоматически корректировать отступ, когда пользователи вводят, вставляют или перемещают строки.Должны быть доступны правила отступов языка.
  "editor.autoIndent": правда,

  // Контролирует, должны ли предложения автоматически отображаться при вводе триггерных символов
  "editor.suggestOnTriggerCharacters": true,

  // Определяет, следует ли принимать предложения по «Enter» - в дополнение к «Tab». Помогает избежать двусмысленности между вставкой новых строк или принятием предложений. Значение «умный» означает принятие предложения с помощью Enter только тогда, когда оно вносит текстовые изменения.
  "editor.acceptSuggestionOnEnter": "on",

  // Контролирует, следует ли принимать предложения по символам фиксации.Например, в JavaScript точка с запятой (';') может быть символом фиксации, который принимает предложение и вводит этот символ.
  "editor.acceptSuggestionOnCommitCharacter": true,

  // Контролирует, отображаются ли фрагменты с другими предложениями и как они сортируются.
  "editor.snippetSuggestions": "inline",

  // Определяет, копирует ли копирование без выделения текущую строку.
  "editor.emptySelectionClipboard": true,

  // Определяет, должно ли завершение вычисляться на основе слов в документе."editor.wordBasedSuggestions": правда,

  // Размер шрифта для предлагаемого виджета
  "editor.suggestFontSize": 0,

  // Высота строки для предлагаемого виджета
  "editor.suggestLineHeight": 0,

  // Определяет, должен ли редактор выделять похожие совпадения выделенному фрагменту
  "editor.selectionHighlight": true,

  // Определяет, должен ли редактор выделять вхождения семантических символов
  "editor.occurrencesHighlight": true,

  // Управляет количеством украшений, которые могут отображаться в одной и той же позиции на обзорной линейке
  "редактор.overviewRulerLanes ": 3,

  // Определяет, следует ли рисовать границу вокруг обзорной линейки.
  "editor.overviewRulerBorder": правда,

  // Управление стилем анимации курсора, возможные значения: blink, smooth, phase, expand и solid.
  "editor.cursorBlinking": "мигание",

  // Масштабирование шрифта редактора при использовании колесика мыши и удерживании Ctrl
  "editor.mouseWheelZoom": false,

  // Управляет стилем курсора, допустимые значения: 'block', 'block-outline', 'line', 'line-thin', 'underline' и 'underline-thin'
  "редактор.cursorStyle ":" строка ",

  // Включает лигатуры шрифтов
  "editor.fontLigatures": ложь,

  // Определяет, должен ли быть скрыт курсор на обзорной линейке.
  "editor.hideCursorInOverviewRuler": false,

  // Управляет тем, как редактор должен отображать символы пробела, возможные варианты: «нет», «граница» и «все». Параметр «Граница» не отображает отдельные пробелы между словами.
  "editor.renderWhitespace": "нет",

  // Определяет, должен ли редактор отображать управляющие символы
  "editor.renderControlCharacters": false,

  // Определяет, должен ли редактор отображать направляющие отступа
  "редактор.renderIndentGuides ": true,

  // Управляет тем, как редактор должен отображать текущее выделение строки, возможные варианты: none, gutter, line и all.
  "editor.renderLineHighlight": "строка",

  // Контролирует, показывает ли редактор линзы кода
  "editor.codeLens": правда,

  // Контролирует, разрешено ли в редакторе сворачивание кода
  "editor.folding": правда,

  // Определяет, будут ли автоматически скрыты элементы управления складкой на желобе.
  "editor.showFoldingControls": "mouseover",

  // Выделение совпадающих скобок при выборе одной из них."editor.matchBrackets": правда,

  // Определяет, должен ли редактор отображать вертикальное поле глифа. Поле глифа в основном используется для отладки.
  "editor.glyphMargin": правда,

  // Вставка и удаление пробелов следует за табуляцией
  "editor.useTabStops": true,

  // Удаляем завершающие автоматически вставленные пробелы
  "editor.trimAutoWhitespace": true,

  // Держите редакторы просмотра открытыми даже при двойном щелчке по их содержимому или при нажатии Escape.
  "editor.stablePeek": ложь,

  // Определяет, должен ли редактор позволять перемещать выделения с помощью перетаскивания."editor.dragAndDrop": правда,

  // Определяет, должен ли редактор работать в режиме, оптимизированном для программ чтения с экрана.
  "editor.accessibilitySupport": "авто",

  // Определяет, должен ли редактор обнаруживать ссылки и делать их интерактивными
  "editor.links": правда,

  // Определяет, должен ли редактор отображать встроенные цветовые декораторы и палитру цветов.
  "editor.colorDecorators": правда,

  // Управляет отображением различий в редакторе рядом или в строке
  "diffEditor.renderSideBySide": true,

  // Управляет отображением в редакторе различий изменений в начальных или конечных пробелах как различий
  "diffEditor.ignoreTrimWhitespace ": true,

  // Управляет отображением в редакторе различий индикаторов +/- для добавленных / удаленных изменений
  "diffEditor.renderIndicators": true,

  // Форматируем файл при сохранении. Должно быть доступно средство форматирования, файл не должен сохраняться автоматически, а редактор не должен завершаться.
  "editor.formatOnSave": false,

  // Переопределяет цвета редактора и стиль шрифта из текущей выбранной цветовой темы.
  "editor.tokenColorCustomizations": {},


// Верстак

  // Определяет, должны ли открытые редакторы отображаться во вкладках или нет."workbench.editor.showTabs": true,

  // Управляет положением кнопок закрытия вкладок редактора или отключает их, если установлено значение 'off'.
  "workbench.editor.tabCloseButton": "право",

  // Определяет, должны ли открытые редакторы отображаться со значком или нет. Для этого также должна быть включена тема значков.
  "workbench.editor.showIcons": правда,

  // Контролирует, отображаются ли открытые редакторы как предварительный просмотр. Редакторы предварительного просмотра используются повторно, пока не будут сохранены (например, с помощью двойного щелчка или редактирования).
  "workbench.editor.enablePreview": true,

  // Контролирует, отображаются ли открытые редакторы из Quick Open как предварительный просмотр.Редакторы предварительного просмотра используются повторно, пока не будут сохранены (например, с помощью двойного щелчка или редактирования).
  "workbench.editor.enablePreviewFromQuickOpen": true,

  // Управляет открытием редакторов. Выберите «влево» или «вправо», чтобы открывать редакторы слева или справа от текущего активного. Выберите «первый» или «последний», чтобы открывать редакторы независимо от текущего активного.
  "workbench.editor.openPositioning": "right",

  // Управляет отображением редактора в любой из видимых групп, если он открыт. Если этот параметр отключен, редактор предпочтет открываться в текущей активной группе редакторов.Если этот параметр включен, уже открытый редактор будет отображаться вместо того, чтобы снова открываться в текущей активной группе редакторов. Обратите внимание, что в некоторых случаях этот параметр игнорируется, например при принудительном открытии редактора в определенной группе или в стороне от текущей активной группы.
  "workbench.editor.revealIfOpen": false,

  // Контролирует, будет ли количество недавно использованных команд сохраняться в истории для палитры команд. Установите 0, чтобы отключить историю команд.
  "workbench.commandPalette.history": 50,

  // Определяет, нужно ли восстанавливать последний введенный ввод в палитру команд при ее открытии в следующий раз."workbench.commandPalette.preserveInput": false,

  // Управляет автоматическим закрытием Quick Open после потери фокуса.
  "workbench.quickOpen.closeOnFocusLost": true,

  // Контролирует, открывает ли открытие настроек также редактор, показывающий все настройки по умолчанию.
  "workbench.settings.openDefaultSettings": true,

  // Управляет расположением боковой панели. Он может отображаться слева или справа от рабочего места.
  "workbench.sideBar.location": "слева",

  // Управляет видимостью строки состояния в нижней части рабочей области."workbench.statusBar.visible": true,

  // Управляет видимостью панели активности в рабочей среде.
  "workbench.activityBar.visible": true,

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

  // Если этот параметр включен, будут отображаться подсказки по водяным знакам, когда редактор не открыт.
  "workbench.tips.enabled": true,

  // Управляет тем, какой редактор будет отображаться при запуске, если ни один не был восстановлен из предыдущего сеанса. Выберите «none», чтобы начать работу без редактора, «welcomePage», чтобы открыть страницу приветствия (по умолчанию), «newUntitledFile», чтобы открыть новый файл без названия (открытие только пустой рабочей области).
  "workbench.startupEditor": "welcomePage",

  // Задает цветовую тему, используемую в верстаке.
  "верстак.colorTheme ":" По умолчанию Темный + ",

  // Задает тему значков, используемую в рабочей среде, или null, чтобы не отображать значки файлов.
  "workbench.iconTheme": "вс-сети",

  // Переопределяет цвета из текущей выбранной цветовой темы.
  "workbench.colorCustomizations": {},

// Окно

  // Определяет, должны ли файлы открываться в новом окне.
  // - по умолчанию: файлы будут открываться в окне с открытой папкой файлов или в последнем активном окне, если они не открываются через док-станцию ​​или из Finder (только для macOS)
  // - on: файлы открываются в новом окне
  // - выкл: файлы будут открываться в окне с открытой папкой файлов или последним активным окном
  // Обратите внимание, что могут быть случаи, когда этот параметр игнорируется (например,грамм. при использовании параметра командной строки -new-window или -reuse-window).
  "window.openFilesInNewWindow": "выключено",

  // Определяет, должны ли папки открываться в новом окне или заменять последнее активное окно.
  // - по умолчанию: папки открываются в новом окне, если папка не выбрана из приложения (например, через меню «Файл»)
  // - вкл: папки откроются в новом окне
  // - выкл: папки заменят последнее активное окно
  // Обратите внимание, что могут быть случаи, когда этот параметр игнорируется (например,грамм. при использовании параметра командной строки -new-window или -reuse-window).
  "window.openFoldersInNewWindow": "по умолчанию",

  // Управляет повторным открытием окон после перезапуска. Выберите «none», чтобы всегда начинать с пустой рабочей области, «one», чтобы повторно открыть последнее окно, над которым вы работали, «папки», чтобы повторно открыть все окна, в которых были открыты папки, или «all», чтобы повторно открыть все окна вашего последнего сеанса.
  "window.restoreWindows": "один",

  // Определяет, должно ли окно восстанавливаться в полноэкранный режим, если оно было закрыто в полноэкранном режиме."window.restoreFullscreen": ложь,

  // Регулируем уровень масштабирования окна. Исходный размер равен 0, и каждое увеличение выше (например, 1) или ниже (например, -1) означает увеличение или уменьшение на 20%. Вы также можете ввести десятичные дроби для более точной настройки уровня масштабирования.
  "window.zoomLevel": 0,

  // Управляет заголовком окна на основе активного редактора. Переменные заменяются в зависимости от контекста:
  // $ {activeEditorShort}: например, myFile.txt
  // $ {activeEditorMedium}: например, myFolder / myFile.текст
  // $ {activeEditorLong}: например, /Users/Development/myProject/myFolder/myFile.txt
  // $ {folderName}: например, моя папка
  // $ {folderPath}: например, / Пользователи / Разработка / myFolder
  // $ {rootName}: например, myFolder1, myFolder2, myFolder3
  // $ {rootPath}: например, / Пользователи / Разработка / myWorkspace
  // $ {appName}: например, Код VS
  // $ {dirty}: грязный индикатор, если активный редактор грязный
  // $ {separator}: условный разделитель ("-"), который отображается только тогда, когда он окружен переменными со значениями
  "window.title": "$ {dirty} $ {activeEditorShort} $ {separator} $ {rootName} $ {separator} $ {appName}",

  // Управляет размерами открытия нового окна, когда хотя бы одно окно уже открыто.По умолчанию в центре экрана откроется новое окно небольшого размера. Если установлено значение «наследовать», окно будет иметь те же размеры, что и последнее активное окно. Если установлено значение «развернуто», окно будет открываться в развернутом и полноэкранном режиме, если настроено на «полноэкранный режим». Обратите внимание, что этот параметр не влияет на первое открытое окно. Первое окно всегда будет восстанавливать размер и расположение, которые вы оставили перед закрытием.
  "window.newWindowDimensions": "по умолчанию",

  // Контролирует, должно ли закрытие последнего редактора также закрывать окно.Этот параметр применяется только для окон, в которых не отображаются папки.
  "window.closeWhenEmpty": ложь,

  // Управляем видимостью строки меню. Параметр «Переключить» означает, что строка меню скрыта, и одно нажатие клавиши Alt покажет ее. По умолчанию строка меню будет видна, если окно не является полноэкранным.
  "window.menuBarVisibility": "по умолчанию",

  // Если включено, главное меню можно открыть с помощью сочетаний клавиш Alt. Отключение мнемоники позволяет вместо этого привязать эти сочетания клавиш Alt к командам редактора."window.enableMenuBarMnemonics": true,

  // Если включено, автоматически переключится на высококонтрастную тему, если Windows использует высококонтрастную тему, и на темную тему при переключении с высококонтрастной темы Windows.
  "window.autoDetectHighContrast": true,

// Файлы

  // Настроить шаблоны глобусов для исключения файлов и папок.
  "files.exclude": {
    "** /. git": правда,
    "** /. svn": правда,
    "** /. hg": правда,
    "** / CVS": верно,
    "** /. DS_Store": верно
  },

  // Настраиваем ассоциации файлов с языками (например,грамм. "* .extension": "html"). Они имеют приоритет над ассоциациями установленных языков по умолчанию.
  "files.associations": {},

  // Кодировка набора символов по умолчанию для использования при чтении и записи файлов.
  "files.encoding": "utf8",

  // Когда включено, будет пытаться угадать кодировку набора символов при открытии файлов
  "files.autoGuessEncoding": ложь,

  // Символ конца строки по умолчанию. Используйте \ n для LF и \ r \ n для CRLF.
  "files.eol": "\ r \ n",

  // Когда включено, будет обрезать конечные пробелы при сохранении файла."files.trimTrailingWhitespace": ложь,

  // Если этот параметр включен, вставьте последнюю новую строку в конец файла при его сохранении.
  "files.insertFinalNewline": ложь,

  // Управляет автоматическим сохранением грязных файлов. Допустимые значения: off, afterDelay, onFocusChange (редактор теряет фокус), onWindowChange (окно теряет фокус). Если установлено значение «afterDelay», вы можете настроить задержку в «files.autoSaveDelay».
  "files.autoSave": "выключено",

  // Контролирует задержку в мс, после которой грязный файл сохраняется автоматически.Применяется только тогда, когда для 'files.autoSave' установлено значение 'afterDelay'
  "files.autoSaveDelay": 1000,

  // Настроить глобальные шаблоны путей к файлам, чтобы исключить их из просмотра. Шаблоны должны совпадать по абсолютным путям (т.е. префикс с ** или полный путь для правильного совпадения). Для изменения этого параметра требуется перезагрузка. Когда вы сталкиваетесь с тем, что код потребляет много времени процессора при запуске, вы можете исключить большие папки, чтобы уменьшить начальную нагрузку.
  "files.watcherExclude": {
    "** /. git / objects / **": правда,
    "** /. git / subtree-cache / **": правда,
    "** / node_modules / * / **": верно
  },

  // Управляет запоминанием несохраненных файлов между сеансами, позволяя пропустить запрос на сохранение при выходе из редактора."files.hotExit": "onExit",

  // Используем новый экспериментальный наблюдатель файлов.
  "files.useExperimentalFileWatcher": ложь,

  // Языковой режим по умолчанию, назначаемый новым файлам.
  "files.defaultLanguage": "",

// Режим Дзен

  // Управляет включением режима Zen, также переводит рабочую среду в полноэкранный режим.
  "zenMode.fullScreen": правда,

  // Управляет включением режима Дзен, также скрывает вкладки рабочего места.
  "zenMode.hideTabs": правда,

  // Управляет включением режима Zen, также скрывает строку состояния в нижней части рабочего места."zenMode.hideStatusBar": правда,

  // Управляет включением режима Дзен, также скрывает панель активности слева от рабочего места.
  "zenMode.hideActivityBar": правда,

  // Определяет, должно ли окно восстанавливаться в дзен-режим, если оно было закрыто в дзен-режиме.
  "zenMode.restore": ложь,

// Проводник

  // Количество редакторов, отображаемых на панели «Открытые редакторы». Установите значение 0, чтобы скрыть панель.
  "explorer.openEditors.visible": 9,

  // Определяет, должна ли высота раздела открытых редакторов динамически адаптироваться к количеству элементов или нет."explorer.openEditors.dynamicHeight": true,

  // Определяет, должен ли проводник автоматически открывать и выбирать файлы при их открытии.
  "explorer.autoReveal": правда,

  // Определяет, должен ли проводник разрешать перемещение файлов и папок с помощью перетаскивания.
  "explorer.enableDragAndDrop": true,

  // Управляет порядком сортировки файлов и папок в проводнике. В дополнение к сортировке по умолчанию вы можете установить порядок «смешанный» (файлы и папки отсортированы вместе), «тип» (по типу файла), «измененный» (по дате последнего изменения) или «filesFirst» (сортировка файлов перед папки)."explorer.sortOrder": "по умолчанию",

// Поиск

  // Настроить шаблоны глобусов для исключения файлов и папок при поиске. Наследует все шаблоны глобусов из параметра files.exclude.
  "search.exclude": {
    "** / node_modules": правда,
    "** / bower_components": верно
  },

  // Определяет, использовать ли ripgrep в текстовом поиске
  "search.useRipgrep": правда,

  // Определяет, использовать ли файлы .gitignore и .ignore по умолчанию при поиске в новой рабочей области.
  "search.useIgnoreFilesByDefault": false,

  // Настроить включение результатов глобального поиска символов в результаты файла для быстрого открытия."search.quickOpen.includeSymbols": false,

// HTTP

  // Используемая настройка прокси. Если не установлен, будет взят из переменных окружения http_proxy и https_proxy.
  "http.proxy": "",

  // Следует ли проверять сертификат прокси-сервера по списку предоставленных центров сертификации.
  "http.proxyStrictSSL": правда,

  // Значение, отправляемое в качестве заголовка «Proxy-Authorization» для каждого сетевого запроса.
  "http.proxyAuthorization": null,

// Обновлять

  // Настроить, получать ли вы автоматические обновления из канала обновлений.Требуется перезагрузка после изменения.
  "update.channel": "по умолчанию",

// CSS

  // Управляет проверкой CSS и серьезностью проблем.

  // Включает или отключает все проверки
  "css.validate": правда,

  // При использовании префикса, зависящего от поставщика, не забудьте также включить все другие свойства, зависящие от поставщика
  "css.lint.compatibleVendorPrefixes": "игнорировать",

  // При использовании префикса производителя также включаем стандартное свойство
  "css.lint.vendorPrefix": "предупреждение",

  // Не используйте повторяющиеся определения стилей
  "css.lint.duplicateProperties ":" игнорировать ",

  // Не использовать пустые наборы правил
  "css.lint.emptyRules": "предупреждение",

  // Операторы импорта не загружаются параллельно
  "css.lint.importStatement": "игнорировать",

  // Не используйте ширину или высоту при использовании отступов или границ
  "css.lint.boxModel": "игнорировать",

  // Известно, что универсальный селектор (*) медленный
  "css.lint.universalSelector": "игнорировать",

  // Нет необходимости в единицах измерения нуля
  "css.lint.zeroUnits": "игнорировать",

  // Правило @ font-face должно определять свойства src и font-family
  "css.lint.fontFaceProperties ":" предупреждение ",

  // Шестнадцатеричные цвета должны состоять из трех или шести шестнадцатеричных чисел
  "css.lint.hexColorLength": "ошибка",

  // Неверное количество параметров
  "css.lint.argumentsInColorFunction": "ошибка",

  // Неизвестное свойство.
  "css.lint.unknownProperties": "предупреждение",

  // Взломы IE необходимы только при поддержке IE7 и старше
  "css.lint.ieHack": "игнорировать",

  // Неизвестное свойство производителя.
  "css.lint.unknownVendorSpecificProperties": "игнорировать",

  // Свойство игнорируется из-за отображения.Например. с 'display: inline' свойства width, height, margin-top, margin-bottom и float не действуют.
  "css.lint.propertyIgnoredDueToDisplay": "предупреждение",

  // Избегайте использования! Important. Это признак того, что специфика всего CSS вышла из-под контроля и нуждается в рефакторинге.
  "css.lint.important": "игнорировать",

  // Избегайте использования float. Поплавки приводят к хрупкому CSS, который легко сломать, если изменится один аспект макета.
  "css.lint.float": "игнорировать",

  // Селекторы не должны содержать идентификаторов, потому что эти правила слишком тесно связаны с HTML."css.lint.idSelector": "игнорировать",

  // Отслеживает обмен данными между VS Code и языковым сервером CSS.
  "css.trace.server": "выключено",

// SCSS (Sass)

  // Управляет проверкой SCSS и серьезностью проблемы.

  // Включает или отключает все проверки
  "scss.validate": правда,

  // При использовании префикса, зависящего от поставщика, не забудьте также включить все другие свойства, зависящие от поставщика
  "scss.lint.compatibleVendorPrefixes": "игнорировать",

  // При использовании префикса производителя также включаем стандартное свойство
  "scss.lint.vendorPrefix ":" предупреждение ",

  // Не используйте повторяющиеся определения стилей
  "scss.lint.duplicateProperties": "игнорировать",

  // Не использовать пустые наборы правил
  "scss.lint.emptyRules": "предупреждение",

  // Операторы импорта не загружаются параллельно
  "scss.lint.importStatement": "игнорировать",

  // Не используйте ширину или высоту при использовании отступов или границ
  "scss.lint.boxModel": "игнорировать",

  // Известно, что универсальный селектор (*) медленный
  "scss.lint.universalSelector": "игнорировать",

  // Нет необходимости в единицах измерения нуля
  "scss.lint.zeroUnits ":" игнорировать ",

  // Правило @ font-face должно определять свойства src и font-family
  "scss.lint.fontFaceProperties": "предупреждение",

  // Шестнадцатеричные цвета должны состоять из трех или шести шестнадцатеричных чисел
  "scss.lint.hexColorLength": "ошибка",

  // Неверное количество параметров
  "scss.lint.argumentsInColorFunction": "ошибка",

  // Неизвестное свойство.
  "scss.lint.unknownProperties": "предупреждение",

  // Взломы IE необходимы только при поддержке IE7 и старше
  "scss.lint.ieHack": "игнорировать",

  // Неизвестное свойство производителя."scss.lint.unknownVendorSpecificProperties": "игнорировать",

  // Свойство игнорируется из-за отображения. Например. с 'display: inline' свойства width, height, margin-top, margin-bottom и float не действуют.
  "scss.lint.propertyIgnoredDueToDisplay": "предупреждение",

  // Избегайте использования! Important. Это признак того, что специфика всего CSS вышла из-под контроля и нуждается в рефакторинге.
  "scss.lint.important": "игнорировать",

  // Избегайте использования float. Поплавки приводят к хрупкому CSS, который легко сломать, если изменится один аспект макета."scss.lint.float": "игнорировать",

  // Селекторы не должны содержать идентификаторов, потому что эти правила слишком тесно связаны с HTML.
  "scss.lint.idSelector": "игнорировать",

// МЕНЬШЕ

  // Контролирует МЕНЬШЕ валидации и серьезности проблем.

  // Включает или отключает все проверки
  "less.validate": правда,

  // При использовании префикса, зависящего от поставщика, не забудьте также включить все другие свойства, зависящие от поставщика
  "less.lint.compatibleVendorPrefixes": "игнорировать",

  // При использовании префикса производителя также включаем стандартное свойство
  "меньше.lint.vendorPrefix ":" предупреждение ",

  // Не используйте повторяющиеся определения стилей
  "less.lint.duplicateProperties": "игнорировать",

  // Не использовать пустые наборы правил
  "less.lint.emptyRules": "предупреждение",

  // Операторы импорта не загружаются параллельно
  "less.lint.importStatement": "игнорировать",

  // Не используйте ширину или высоту при использовании отступов или границ
  "less.lint.boxModel": "игнорировать",

  // Известно, что универсальный селектор (*) медленный
  "less.lint.universalSelector": "игнорировать",

  // Нет необходимости в единицах измерения нуля
  "меньше.lint.zeroUnits ":" игнорировать ",

  // Правило @ font-face должно определять свойства src и font-family
  "less.lint.fontFaceProperties": "предупреждение",

  // Шестнадцатеричные цвета должны состоять из трех или шести шестнадцатеричных чисел
  "less.lint.hexColorLength": "ошибка",

  // Неверное количество параметров
  "less.lint.argumentsInColorFunction": "ошибка",

  // Неизвестное свойство.
  "less.lint.unknownProperties": "предупреждение",

  // Взломы IE необходимы только при поддержке IE7 и старше
  "less.lint.ieHack": "игнорировать",

  // Неизвестное свойство производителя."less.lint.unknownVendorSpecificProperties": "игнорировать",

  // Свойство игнорируется из-за отображения. Например. с 'display: inline' свойства width, height, margin-top, margin-bottom и float не действуют.
  "less.lint.propertyIgnoredDueToDisplay": "предупреждение",

  // Избегайте использования! Important. Это признак того, что специфика всего CSS вышла из-под контроля и нуждается в рефакторинге.
  "less.lint.important": "игнорировать",

  // Избегайте использования float. Поплавки приводят к хрупкому CSS, который легко сломать, если изменится один аспект макета."less.lint.float": "игнорировать",

  // Селекторы не должны содержать идентификаторов, потому что эти правила слишком тесно связаны с HTML.
  "less.lint.idSelector": "игнорировать",

// Отладка

  // Позволяет установить точку останова в любом файле
  "debug.allowBreakpointsEverywhere": false,

  // Автоматически открывать представление проводника в конце сеанса отладки
  "debug.openExplorerOnEnd": ложь,

  // Показывать значения переменных в редакторе во время отладки
  "debug.inlineValues": ложь,

  // Контролирует, должна ли быть скрыта плавающая панель действий отладки
  "отлаживать.hideActionBar ": ложь,

  // Управляет поведением внутренней консоли отладки.
  "debug.internalConsoleOptions": "openOnFirstSessionStart",

  // Конфигурация запуска глобальной отладки. Следует использовать в качестве альтернативы launch.json, который используется во всех рабочих областях.
  "запуск": {},

// HTML

  // Включение / отключение средства форматирования HTML по умолчанию
  "html.format.enable": true,

  // Максимальное количество символов в строке (0 = отключить).
  "html.format.wrapLineLength": 120,

  // Список тегов, разделенных запятыми, которые не следует переформатировать."null" по умолчанию используется для всех тегов, перечисленных на https://www.w3.org/TR/html5/dom.html#phrasing-content.
  "html.format.unformatted": "a, abbr, акроним, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp , select, small, span, strong, sub, sup, textarea, tt, var ",

  // Список тегов через запятую, содержимое которых не следует переформатировать. 'null' по умолчанию соответствует тегу 'pre'.
  "html.format.contentUnformatted": "pre",

  // Отступы разделов  и ."html.format.indentInnerHtml": ложь,

  // Следует ли сохранять существующие разрывы строк перед элементами. Работает только перед элементами, но не внутри тегов или для текста.
  "html.format.preserveNewLines": true,

  // Максимальное количество переносов строк, сохраняемых в одном фрагменте. Используйте null для неограниченного количества.
  "html.format.maxPreserveNewLines": null,

  // Форматирование и отступ {{#foo}} и {{/ foo}}.
  "html.format.indentHandlebars": false,

  // Заканчиваем новой строкой.
  "html.format.endWithNewline": false,

  // Список тегов, разделенных запятыми, перед которыми должна стоять дополнительная строка.'null' по умолчанию равно "head, body, / html".
  "html.format.extraLiners": "голова, тело, / html",

  // Обернуть атрибуты.
  "html.format.wrapAttributes": "авто",

  // Настраивает, предлагает ли встроенная поддержка языка HTML теги и свойства Angular V1.
  "html.suggest.angular1": true,

  // Настраивает, предлагает ли встроенная поддержка языка HTML Ionic теги, свойства и значения.
  "html.suggest.ionic": правда,

  // Настраивает, предлагает ли встроенная поддержка языка HTML теги, свойства и значения HTML5."html.suggest.html5": правда,

  // Настраивает, проверяет ли встроенная поддержка языка HTML встроенные скрипты.
  "html.validate.scripts": true,

  // Настраивает, проверяет ли встроенная поддержка языка HTML встроенные стили.
  "html.validate.styles": правда,

  // Включение / отключение автоматического закрытия HTML-тегов.
  "html.autoClosingTags": true,

  // Отслеживает обмен данными между VS Code и языковым сервером HTML.
  "html.trace.server": "выключено",

// JSON

  // Связываем схемы с файлами JSON в текущем проекте
  "json.схемы ": [],

  // Включение / отключение средства форматирования JSON по умолчанию (требуется перезагрузка)
  "json.format.enable": правда,

  // Отслеживает обмен данными между VS Code и языковым сервером JSON.
  "json.trace.server": "выключено",


// Уценка

  // Список URL-адресов или локальных путей к таблицам стилей CSS для использования из предварительного просмотра уценки. Относительные пути интерпретируются относительно папки, открытой в проводнике. Если нет открытой папки, они интерпретируются относительно местоположения файла уценки. Все '\' нужно писать как '\\'."markdown.styles": [],

  // Устанавливает, как должна отображаться передняя часть YAML в предварительном просмотре уценки. 'hide' удаляет начальную часть. В противном случае предварительная информация рассматривается как контент с уценкой.
  "markdown.previewFrontMatter": "скрыть",

  // Устанавливает, как отображаются разрывы строк в предварительном просмотре уценки. Установка его в "true" создает 
для каждой новой строки. "markdown.preview.breaks": ложь, // Включение или отключение преобразования URL-подобного текста в ссылки в предварительном просмотре уценки. "markdown.preview.linkify ": ​​правда, // Управляет семейством шрифтов, используемым в предварительном просмотре уценки. "markdown.preview.fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe WPC', 'Segoe UI', 'HelveticaNeue-Light', 'Ubuntu', 'Droid Sans', без засечек", // Управляет размером шрифта в пикселях, используемым в предварительном просмотре уценки. "markdown.preview.fontSize": 14, // Управляет высотой строки, используемой в предварительном просмотре уценки. Это число относится к размеру шрифта. "markdown.preview.lineHeight": 1.6, // Прокручивает предварительный просмотр уценки, чтобы показать текущую выбранную строку из редактора."markdown.preview.scrollPreviewWithEditorSelection": true, // Отметить текущий выбор редактора в предварительном просмотре уценки. "markdown.preview.markEditorSelection": true, // При прокрутке предварительного просмотра уценки обновляем вид редактора. "markdown.preview.scrollEditorWithPreview": true, // Дважды щелкните в области предварительного просмотра уценки, чтобы переключиться в редактор. "markdown.preview.doubleClickToSwitchToEditor": true, // Включить ведение журнала отладки для расширения уценки. "markdown.trace": "выключено", // PHP // Настраивает, включены ли встроенные языковые предложения PHP.Поддержка предлагает глобальные переменные и переменные PHP. "php.suggest.basic": правда, // Включение / отключение встроенной проверки PHP. "php.validate.enable": правда, // Указывает на исполняемый файл PHP. "php.validate.executablePath": null, // Независимо от того, запускается ли линтер при сохранении или при типе. "php.validate.run": "onSave", // TypeScript // Указывает путь к папке, содержащей файлы tsserver и lib * .d.ts для использования. "typescript.tsdk": ноль, // Отключает автоматическое получение типа. Требуется TypeScript> = 2.0,6. "typescript.disableAutomaticTypeAcquisition": ложь, // Указывает путь к исполняемому файлу NPM, используемому для автоматического получения типа. Требуется TypeScript> = 2.3.4. "typescript.npm": ноль, // Проверяем, установлен ли NPM для автоматического получения типа. "typescript.check.npmIsInstalled": true, // Включение / отключение ссылок CodeLens в файлах JavaScript. "javascript.referencesCodeLens.enabled": false, // Включение / отключение ссылок CodeLens в файлах TypeScript. Требуется TypeScript> = 2.0,6. "typescript.referencesCodeLens.enabled": false, // Включение / отключение реализации CodeLens. Требуется TypeScript> = 2.2.0. "typescript.implementationsCodeLens.enabled": ложь, // Включает запись TS-сервера в файл. Этот журнал можно использовать для диагностики проблем сервера TS. Журнал может содержать пути к файлам, исходный код и другую потенциально конфиденциальную информацию из вашего проекта. "typescript.tsserver.log": "выключено", // Включает отслеживание сообщений, отправленных на TS-сервер. Эту трассировку можно использовать для диагностики проблем сервера TS.Трассировка может содержать пути к файлам, исходный код и другую потенциально конфиденциальную информацию из вашего проекта. "typescript.tsserver.trace": "выключено", // Завершение функций с их сигнатурой параметра. "typescript.useCodeSnippetsOnMethodSuggest": false, // Включение / отключение проверки TypeScript. "typescript.validate.enable": правда, // Включение / отключение средства форматирования TypeScript по умолчанию. "typescript.format.enable": true, // Определяет обработку пробелов после разделителя запятой. "typescript.format.insertSpaceAfterCommaDelimiter ": истина, // Определяет обработку пространства после ключевого слова конструктора. Требуется TypeScript> = 2.3.0. "typescript.format.insertSpaceAfterConstructor": ложь, // Определяет обработку пробелов после точки с запятой в операторе for. "typescript.format.insertSpaceAfterSemicolonInForStatements": true, // Определяет обработку пространства после бинарного оператора. "typescript.format.insertSpaceBeforeAndAfterBinaryOperators": true, // Определяет обработку пространства после ключевых слов в операторе потока управления."typescript.format.insertSpaceAfterKeywordsInControlFlowStatements": true, // Определяет обработку пространства после ключевого слова функции для анонимных функций. "typescript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true, // Определяет обработку пробелов перед скобками аргумента функции. Требуется TypeScript> = 2.1.5. "typescript.format.insertSpaceBeforeFunctionParenthesis": false, // Определяет обработку пробелов после открытия и перед закрытием непустой круглой скобки. "машинопись.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis ": false, // Определяет обработку пробелов после открытия и перед закрытием непустых скобок. "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false, // Определяет обработку пробелов после открытия и перед закрытием непустых фигурных скобок. Требуется TypeScript> = 2.3.0. "typescript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true, // Определяет обработку пробелов после открытия и перед закрытием скобок строки шаблона.Требуется TypeScript> = 2.0.6. "typescript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false, // Определяет обработку пространства после открытия и перед закрытием фигурных скобок выражения JSX. Требуется TypeScript> = 2.0.6. "typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false, // Определяет обработку пространства после утверждения типа в TypeScript. Требуется TypeScript> = 2.4. "typescript.format.insertSpaceAfterTypeAssertion": ложь, // Определяет, ставится ли открывающая скобка на новую строку для функций или нет."typescript.format.placeOpenBraceOnNewLineForFunctions": false, // Определяет, ставится ли открывающая скобка на новую строку для управляющих блоков или нет. "typescript.format.placeOpenBraceOnNewLineForControlBlocks": false, // Включение / отключение проверки JavaScript. "javascript.validate.enable": правда, // Включение / отключение средства форматирования JavaScript по умолчанию. "javascript.format.enable": правда, // Определяет обработку пробелов после разделителя запятой. "javascript.format.insertSpaceAfterCommaDelimiter": true, // Определяет обработку пространства после ключевого слова конструктора.Требуется TypeScript> = 2.3.0. "javascript.format.insertSpaceAfterConstructor": ложь, // Определяет обработку пробелов после точки с запятой в операторе for. "javascript.format.insertSpaceAfterSemicolonInForStatements": true, // Определяет обработку пространства после бинарного оператора. "javascript.format.insertSpaceBeforeAndAfterBinaryOperators": true, // Определяет обработку пространства после ключевых слов в операторе потока управления. "javascript.format.insertSpaceAfterKeywordsInControlFlowStatements": true, // Определяет обработку пространства после ключевого слова функции для анонимных функций."javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true, // Определяет обработку пробелов перед скобками аргумента функции. Требуется TypeScript> = 2.1.5. "javascript.format.insertSpaceBeforeFunctionParenthesis": false, // Определяет обработку пробелов после открытия и перед закрытием непустой круглой скобки. "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false, // Определяет обработку пробелов после открытия и перед закрытием непустых скобок."javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false, // Определяет обработку пробелов после открытия и перед закрытием непустых фигурных скобок. Требуется TypeScript> = 2.3.0. "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true, // Определяет обработку пробелов после открытия и перед закрытием скобок строки шаблона. Требуется TypeScript> = 2.0.6. "javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false, // Определяет обработку пространства после открытия и перед закрытием фигурных скобок выражения JSX.Требуется TypeScript> = 2.0.6. "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false, // Определяет, ставится ли открывающая скобка на новую строку для функций или нет. "javascript.format.placeOpenBraceOnNewLineForFunctions": false, // Определяет, ставится ли открывающая скобка на новую строку для управляющих блоков или нет. "javascript.format.placeOpenBraceOnNewLineForControlBlocks": false, // Включение / отключение автоматических комментариев JSDoc "jsDocCompletion.enabled": true, // Включение / отключение семантической проверки файлов JavaScript.Существующие файлы jsconfig.json или tsconfig.json переопределяют этот параметр. Требуется TypeScript> = 2.3.1. "javascript.implicitProjectConfig.checkJs": ложь, // Включение / отключение включения уникальных имен из файла в списки предложений JavaScript. "javascript.nameSuggestions": правда, // Управляет включением или отключением автоопределения задач tsc. "typescript.tsc.autoDetect": "включено", // Расширения // Автоматически обновлять расширения "extension.autoUpdate": true, // Игнорировать рекомендации по расширению "расширения.ignoreRecommendations ": ложь, // Внешний терминал // Настраивает, какой терминал запускать. "terminal.explorerKind": "интегрированный", // Настраивает терминал для запуска в Windows. "terminal.external.windowsExec": "% COMSPEC%", // Настраивает, какое приложение терминала запускать в OS X. "terminal.external.osxExec": "Terminal.app", // Настраивает, какой терминал запускать в Linux. "terminal.external.linuxExec": "xterm", // Интегрированный терминал // Путь к оболочке, которую терминал использует в Linux."terminal.integrated.shell.linux": "sh", // Аргументы командной строки для использования в терминале Linux. "terminal.integrated.shellArgs.linux": [], // Путь к оболочке, которую терминал использует в OS X. "terminal.integrated.shell.osx": "sh", // Аргументы командной строки для использования в терминале OS X. "terminal.integrated.shellArgs.osx": [ "-l" ], // Путь к оболочке, которую терминал использует в Windows. При использовании оболочек, поставляемых с Windows (cmd, PowerShell или Bash в Ubuntu)."terminal.integrated.shell.windows": "C: \\ WINDOWS \\ System32 \\ WindowsPowerShell \\ v1.0 \\ powershell.exe", // Аргументы командной строки для использования в терминале Windows. "terminal.integrated.shellArgs.windows": [], // Если установлено, это предотвратит появление контекстного меню при щелчке правой кнопкой мыши в терминале, вместо этого оно будет копировать, когда есть выбор, и вставлять, когда нет выбора. "terminal.integrated.rightClickCopyPaste": true, // Управляет семейством шрифтов терминала, по умолчанию используется редактор.Значение fontFamily. "terminal.integrated.fontFamily": "", // Контролирует, включены ли лигатуры шрифтов в терминале. "terminal.integrated.fontLigatures": ложь, // Управляет размером шрифта в пикселях терминала. "terminal.integrated.fontSize": 14, // Управляет высотой строки терминала, это число умножается на размер шрифта терминала, чтобы получить фактическую высоту строки в пикселях. "terminal.integrated.lineHeight": 1.2, // Включать ли полужирный текст в терминале, это требует поддержки со стороны оболочки терминала."terminal.integrated.enableBold": true, // Управляет миганием курсора терминала. "terminal.integrated.cursorBlinking": ложь, // Управляет стилем курсора терминала. "terminal.integrated.cursorStyle": "блок", // Управляет максимальным количеством строк, которые терминал хранит в своем буфере. "terminal.integrated.scrollback": 1000, // Контролирует, устанавливаются ли переменные локали при запуске терминала, по умолчанию это true для OS X, false на других платформах. "terminal.integrated.setLocaleVariables ": ложь, // Явный начальный путь, по которому будет запущен терминал, используется как текущий рабочий каталог (cwd) для процесса оболочки. Это может быть особенно полезно в настройках рабочего пространства, если корневой каталог не является удобным cwd. "terminal.integrated.cwd": "", // Подтверждать ли при выходе, если есть активные терминальные сессии. "terminal.integrated.confirmOnExit": ложь, // Набор идентификаторов команд, привязки клавиш которых не будут отправляться в оболочку, а вместо этого всегда будут обрабатываться кодом.Это позволяет использовать сочетания клавиш, которые обычно используются оболочкой, чтобы действовать так же, как когда терминал не сфокусирован, например ctrl + p для запуска Quick Open. "terminal.integrated.commandsToSkipShell": [ "editor.action.toggleTabFocusMode", "workbench.action.debug.continue", "workbench.action.debug.pause", "workbench.action.debug.restart", "workbench.action.debug.run", "workbench.action.debug.start", "workbench.action.debug.stop", "workbench.action.focusActiveEditorGroup ", "workbench.action.focusFirstEditorGroup", "workbench.action.focusSecondEditorGroup", "workbench.action.focusThirdEditorGroup", "workbench.action.navigateDown", "workbench.action.navigateLeft", "workbench.action.navigateRight", "workbench.action.navigateUp", "workbench.action.openNextRecentlyUsedEditorInGroup", "workbench.action.openPreviousRecentlyUsedEditorInGroup", "workbench.action.quickOpen", "workbench.action.quickOpenView", "верстак.action.showCommands ", "workbench.action.terminal.clear", "workbench.action.terminal.copySelection", "workbench.action.terminal.deleteWordLeft", "workbench.action.terminal.deleteWordRight", "workbench.action.terminal.findWidget.history.showNext", "workbench.action.terminal.findWidget.history.showPrevious", "workbench.action.terminal.focus", "workbench.action.terminal.focusAtIndex1", "workbench.action.terminal.focusAtIndex2", "workbench.action.terminal.focusAtIndex3", "верстак.action.terminal.focusAtIndex4 ", "workbench.action.terminal.focusAtIndex5", "workbench.action.terminal.focusAtIndex6", "workbench.action.terminal.focusAtIndex7", "workbench.action.terminal.focusAtIndex8", "workbench.action.terminal.focusAtIndex9", "workbench.action.terminal.focusFindWidget", "workbench.action.terminal.focusNext", "workbench.action.terminal.focusPrevious", "workbench.action.terminal.hideFindWidget", "workbench.action.terminal.kill", "верстак.действие.терминал.новое ", "workbench.action.terminal.paste", "workbench.action.terminal.runActiveFile", "workbench.action.terminal.runSelectedText", "workbench.action.terminal.scrollDown", "workbench.action.terminal.scrollDownPage", "workbench.action.terminal.scrollToBottom", "workbench.action.terminal.scrollToTop", "workbench.action.terminal.scrollUp", "workbench.action.terminal.scrollUpPage", "workbench.action.terminal.selectAll", "workbench.action.terminal.toggleTerminal " ], // Объект с переменными среды, которые будут добавлены в процесс VS Code для использования терминалом в OS X "terminal.integrated.env.osx": {}, // Объект с переменными среды, которые будут добавлены в процесс VS Code для использования терминалом в Linux "terminal.integrated.env.linux": {}, // Объект с переменными среды, которые будут добавлены в процесс VS Code для использования терминалом в Windows "terminal.integrated.env.windows": {}, // Панель проблем // Контролирует, должны ли в представлении проблем автоматически открываться файлы при их открытии "проблемы.autoReveal ": правда, // Телеметрия // Разрешить отправку данных об использовании и ошибках в Microsoft. "telemetry.enableTelemetry": правда, // Разрешить отправку отчетов о сбоях в Microsoft. // Этот параметр требует перезапуска, чтобы он вступил в силу. "telemetry.enableCrashReporter": правда, // Эммет // Показывает расширенные сокращения emmet в качестве предложений. // Параметр inMarkupAndStylesheetFilesOnly применяется к html, haml, jade, slim, xml, xsl, css, scss, sass, less и стилусу. // Параметр «всегда» применяется ко всем частям файла независимо от разметки / css."emmet.showExpandedAbbreviation": "всегда", // Показывает возможные сокращения emmet в качестве предложений. Неприменимо в таблицах стилей или когда для emmet.showExpandedAbbreviation установлено значение «никогда». "emmet.showAbbreviationSuggestions": true, // Включение сокращений emmet на языках, которые не поддерживаются по умолчанию. Добавьте здесь сопоставление между языком и языком, поддерживаемым emmet. // Например: {"vue-html": "html", "javascript": "javascriptreact"} "emmet.includeLanguages": {}, // Переменные для использования в сниппетах emmet "Эммет.переменные ": {}, // Определите профиль для указанного синтаксиса или используйте свой собственный профиль с определенными правилами. "emmet.syntaxProfiles": {}, // Массив языков, в которых не следует расширять аббревиатуры emmet. "emmet.excludeLanguages": [ "уценка" ], // Путь к папке, содержащей профили и фрагменты кода emmet. ' "emmet.extensionsPath": null, // Когда включено, сокращения emmet раскрываются при нажатии TAB. "emmet.triggerExpansionOnTab": ложь, // Настройки, используемые для изменения поведения некоторых действий и преобразователей Emmet."emmet.preferences": {}, // Если true, то предложения emmet будут отображаться как фрагменты, позволяющие упорядочить их в соответствии с настройкой editor.snippetSuggestions. "emmet.showSuggestionsAsSnippets": ложь, // Переопределения конфигурации по умолчанию // Настраиваем параметры редактора для переопределения для языка [go]. "[идти]": { "editor.insertSpaces": false }, // Настраиваем параметры редактора для переопределения для языка [json]. "[json]": { "editor.quickSuggestions": { "строки": правда } }, // Настраиваем параметры редактора для переопределения для языка [makefile]."[makefile]": { "editor.insertSpaces": false }, // Настраиваем параметры редактора для переопределения для языка [markdown]. "[уценка]": { "editor.wordWrap": "на", "editor.quickSuggestions": false }, // Настраиваем параметры редактора для переопределения для языка [yaml]. "[yaml]": { "editor.insertSpaces": правда, "editor.tabSize": 2 }, // Git // Включен ли git "git.enabled": правда, // Путь к исполняемому файлу git "git.path": null, // Включено ли автоматическое обновление "мерзавец.autorefresh ": правда, // Включена ли автоматическая выборка "git.autofetch": правда, // Подтверждаем перед синхронизацией репозиториев git "git.confirmSync": правда, // Управляет счетчиком значков git. all считает все изменения. tracked считает только отслеживаемые изменения. `off` выключает его. "git.countBadge": "все", // Контролирует, какой тип веток отображается при запуске `Checkout to ...`. all показывает все ссылки, local показывает только локальные ветви, tags показывает только теги, а remote показывает только удаленные ветви."git.checkoutType": "все", // Игнорирует устаревшее предупреждение Git "git.ignoreLegacyWarning": ложь, // Игнорирует предупреждение, когда в репозитории слишком много изменений "git.ignoreLimitWarning": ложь, // Местоположение по умолчанию для клонирования репозитория git "git.defaultCloneDirectory": null, // Фиксируем все изменения, когда нет поэтапных изменений. "git.enableSmartCommit": ложь, // Включает подписание фиксации с помощью GPG. "git.enableCommitSigning": ложь, // Npm // Управляет включением или отключением автоматического определения скриптов npm.По умолчанию включено. "npm.autoDetect": "включено", // Запускаем команды npm с параметром --silent "npm.runSilent": ложь, // Конфликт слияния // Включение / отключение блока конфликтов слияния CodeLens в редакторе "слияние-конфликт.codeLens.enabled": правда, // Включение / отключение декораторов конфликтов слияния в редакторе "merge-конфликт.decorators.enabled": правда, // Grunt // Управляет включением или отключением автоматического определения задач Grunt. По умолчанию включено. "grunt.autoDetect": "вкл", // Глоток // Управляет включением или отключением автоматического определения задач Gulp.По умолчанию включено. "gulp.autoDetect": "вкл", // Джейк // Управляет включением или отключением автоопределения задач Jake. По умолчанию включено. "jake.autoDetect": "on" }

Общие вопросы

Q: Код VS говорит: «Не удается записать настройки».

A: Если вы попытаетесь изменить настройку (например, включите автосохранение или выберите новую цветовую тему) и увидите сообщение «Невозможно записать настройки. Откройте настройки пользователя, чтобы исправить ошибки / предупреждения в файле, и повторите попытку». .", это означает, что ваш файл settings.json имеет неправильный формат или содержит ошибки. Ошибки могут быть такими простыми, как отсутствие запятой или значение параметра. Откройте редактор настроек. Файл > Настройки > Настройки ( Код > Настройки > Настройки на Mac) ( kb (workbench.action.openGlobalSettings) ), и вы должны увидеть ошибку, выделенную красными волнистыми линиями.

Q: Когда имеет смысл использовать настройки рабочего пространства?

A: Если вы используете рабочую область, для которой требуются пользовательские настройки, но не хотите применять их к другим проектам VS Code.Хороший пример - правила линтинга для конкретного языка.

Как профессионально настроить VS Code всего за 5 минут | от доктора Дерека Остина 🥳

Руководство для начинающих

Фото Procreator UX Design Studio на Unsplash

Когда вы #CodeNewbie, начинающий на # 100DaysOfCode, ваша установка Visual Studio Code, вероятно, оставляет желать лучшего. Вот как пройти путь от нуля до профессионального веб-разработчика, установив и настроив некоторые важные расширения, темы и надстройки.

Что отличает VS Code профессионального веб-разработчика от совершенно новой установки, так это использование расширений, особенно средств форматирования кода и линтеров, которые автоматически обнаруживают и исправляют проблемы в вашем коде.

Использование средств форматирования кода (обычно Prettier) и линтеров (обычно ESLint) обычно обязательно при участии в проектах с открытым исходным кодом в Интернете. Но они, как правило, прекрасны, даже если вы никогда не планируете работать с открытым исходным кодом.

Кроме того, красивая тема упрощает использование VS Code и создает ощущение вашей личной версии.Наряду с темой вы можете добавить значки файлов, которые позволят вам сразу увидеть, с какими типами файлов вы работаете.

Но вы действительно не будете казаться профессионалом, пока не начнете использовать лигатуры шрифтов, которые превращают общие символы кода (например, => и ! == ) в удобочитаемые версии. Кроме того, красивый программный шрифт так удобен для глаз!

В этом коротком руководстве вы возьмете совершенно новую установку VS Code и превратите ее в сверхмощную профессиональную установку примерно за пять минут.

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

Дополнительные расширения больше для качества вашей жизни. Я бы посоветовал вам установить все 13 расширений сразу, так как они бесплатные и быстрые. Вы всегда можете отключить или удалить их позже всего несколькими щелчками мыши внутри VS Code.

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

Как установить расширение VS Code

Есть два способа установить расширения для VS Code: с помощью онлайн-магазина Visual Studio Marketplace или его эквивалента внутри VS Code.

Из Интернета: Щелкните ссылку на расширение в тексте ниже, чтобы открыть его в Visual Studio Marketplace; затем нажмите кнопку «Установить». Предполагая, что у вас уже установлен VS Code, нажмите «Продолжить». Затем ваш браузер попытается открыть ссылку vscode .Выберите «Код Visual Studio» из списка, затем установите флажок «Запомнить мой выбор для ссылок vscode» и нажмите «Открыть ссылку».

Из VSCode: В качестве альтернативы найдите расширение по имени внутри VS Code на своем компьютере, щелкнув значок расширения на левой панели активности - это похоже на то, что блоки накладываются друг на друга. Найдите каждое расширение по имени, нажимая «Установить» для каждого из них.

Рекомендуемые расширения ниже расположены в алфавитном порядке.

Обязательные расширения

ESLint, HTMLHint, Prettier - средство форматирования кода, stylelint, vscode-icons и тема на ваш выбор. Вам нужно установить только одну тему VS Code; Я предлагаю Monokai Vibrant, One Monokai Theme или Shades of Purple.

Дополнительные расширения

Document This, indent-rainbow, Live Server, Rainbow Brackets, Rainbow Highlighter, Rainbow Tags и vscode-пигменты.

Описание каждого рекомендованного расширения VS Code

Если вы просто хотите приступить к настройке и вас не особо заботит, что вы только что установили, прокрутите этот раздел как можно быстрее! 😂🧨💥

🔽 Обязательные расширения 🔽

  • ESLint
    ESLint - это анализатор кода для JavaScript и TypeScript, который обнаруживает множество ошибок при написании кода, а не при его запуске.Необходимо участвовать во многих проектах с открытым исходным кодом и в реальных рабочих местах.
  • HTMLHint
    HTMLHint - это анализатор кода для HTML, который вылавливает множество ошибок, особенно тех, которые склонны делать новички в сети.
  • Prettier - средство форматирования кода
    Prettier автоматически форматирует ваш код, включая отступы, при каждом сохранении. Используя один и тот же файл конфигурации Prettier со своими товарищами по команде, вы обязательно получите такое же форматирование.Это означает, что в ваших репозиториях Git не будет бессмысленных изменений форматирования.
  • stylelint
    stylelint - популярный линтер для CSS. Линтинг, также называемый статическим анализом кода , - это тип автоматического тестирования программного обеспечения при написании кода.
  • vscode-icons
    vscode-icons - это пакет значков файлов, которые отображаются внутри VS Code и упрощают различение типов файлов, с которыми вы работаете.

🔽 VSCode themes 🔽

  • Monokai Vibrant
    Monokai Vibrant напоминает мне 8-битную графику и ярко раскрашенные мультфильмы.Это моя любимая тема для VS Code.
  • One Monokai Theme
    One Monokai Theme приятна для глаз. Есть много ответвлений темы Monokai, в том числе платная версия под названием Monokai Pro.
  • Оттенки фиолетового
    Оттенки фиолетового от Ахмада Авайса ⚡️ - это большое изменение темпа по сравнению с другими темами, поскольку оно красиво демонстрирует фиолетовый цвет.

🔽 Дополнительные расширения 🔽

  • Документ Этот документ
    Это полезное расширение для быстрого создания документации в стиле JSDoc, если вы увлекаетесь подобными вещами.
  • indent-rainbow
    indent-rainbow делает следующий отступ кода в миллион раз более четким, давая каждому столбцу отступа свой собственный цвет радуги.
  • Live Server
    Live Server - это популярное расширение, которое позволяет запускать сервер разработки изнутри VS Code; он полезен для создания прототипов HTML и CSS.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *